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ASP. NET 以 其 简单 易学 、 开 发 速度 较 快 等 优点 ,成 为 近年 来 最 
为 流行 的 动态 网 站 开发 技术 之 一 。. NET 4.5 是 Microsoft 公司 于 
2012 年 推出 的 新 一 代 开 发 平台 ,Visual Studio 2012 是 基于 该 平台 
的 开发 环境 ,使 用 起 来 更 加 方便 ,尤其 是 自动 生成 创建 数据 库 及 表 
的 相应 脚本 ,可 有 效 避 免 因 版 本 不 同 造成 的 无 法 打开 数据 库 问 题 。 
本 书 结合 . NET 4. 5 开发 平台 ,由 浅 入 深 、 循 序 渐 进 地 介绍 ASP 
.NET 程序 开发 的 基本 思想 、 基 础 知识 和 核心 技术 ,力求 符合 学 生 的 
学 习习 惯 ,帮助 学 生 通 过 学 习 掌 握 较 为 实用 的 技术 和 方法 。 

应 用 型 本 科 高 校 旨 在 培养 学 生 的 实际 应 用 能 力 、 动 手 实践 能 
力 。 本 教程 融入 作者 多 年 程序 设计 教学 的 实践 经 验 ,以 求 更 好 地 畏 
助教 学 。 本 书 可 作为 信息 管理 与 信息 系统 、 计 算 机 及 相关 专业 
ASP. NET 动态 网 站 开发 的 基础 教材 。 

本 书 主要 包括 13 章 : 第 1 章 介 绍 Web 开发 的 基本 知识 和 
ASP. NET 的 基础 知识 和 开发 环境 ;第 2 章 介 绍 ASPX 网 页 的 代码 
存储 模式 、 页 面 之 间 的 转向 、 页 面 的 生命 周期 等 基础 知识 ,前 两 章 为 
入 门 知识 ;第 3 章 介 绍 Web 服务 器 控件 及 ASP. NET 网 页 标准 控件 
的 使 用 方法 ;第 4 章 介 绍 ASP. NET 验证 控件 的 使 用 方法 ;第 5 章 介 
绍 ASP. NET 提供 的 状态 管理 对 象 ,第 3 一 5 章 为 基础 知识 ;第 6 章 
介绍 用 户 控件 、 母 版 页 和 主题 的 使 用 方法 ;第 7 章 介绍 导航 控件 的 
使 用 方法 ;第 8 章 介 绍 ADO. NET 数据 模型 及 其 主要 对 象 的 使 用 方 
法 ;第 9 章 介绍 数据 源 控件 和 GridView 控件 的 使 用 方法 ;第 10 章 
介绍 其 他 数据 控件 的 使 用 方法 ;第 11 章 介 绍 LINQ 技术 ;第 12 章 介 
绍 AJAX 技术 ,第 6 一 12 章 为 核心 技术 ;第 13 章 使 用 ASP.NET 技 
术 开 发 一 个 综合 案例 ,为 学 生 实战 提供 案例 。 每 章 都 有 学 习 目 标 和 
课 后 习题 。 

本 书 具有 以 下 特点 。 

(1) 根据 应 用 型 大 学 学 生 的 学 习习 惯 和 信息 管理 与 信息 系统 专 
业 特 点 ,合理 设计 ASP. NET Web 开发 技术 知识 体系 ,结合 该 课程 
的 先行 课程 和 后 续 课 程 ,组 织 相关 知识 点 与 内 容 。 本 书 结构 严谨 ， 
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内 容 安 排 环 环 相 扣 ,符合 初学 者 的 学 习习 惯 。 

(2) 在 知识 点 组 织 和 案例 设计 等 内 容 安排 上 , 既 着 眼 于 培养 学 生 熟 练 掌握 理论 知识 ， 
又 注意 锻炼 和 培养 学 生 在 程序 设计 过 程 中 的 分 析 问 题 和 解决 问题 的 能 力 、 逻辑 思维 能 力 
和 实践 动手 能 力 , 启 发 学 生 的 创新 意识 。 

(3) 教材 中 实例 任务 明确 ,实现 过 程 详细 ,代码 完善 。 并 在 习题 中 配 有 一 定数 量 的 课 
外 实践 任务 ,尽量 使 学 生 课 内 外 相 结 合 ,激发 学 习 兴 趣 , 深 入 理解 知识 点 。 

(4) 教材 提供 教学 配套 的 PPT 课件 、 课 后 习题 答案 、 各 章节 实例 和 综合 案例 的 源 
代码 。 

本 书 由 闫 会 娟 编写 。 在 编写 过 程 中 ,参阅 了 . NET 的 联机 帮助 和 微软 (Microsoft) 公 
司 的 网 站 ,也 吸取 了 国内 外 教材 的 精 散 ,对 这 些 作者 的 贡献 表示 由 训 的 感谢 。 本 书 在 出 
版 过 程 中 ,得 到 了 毕 建 涛 主任 和 邢 智 琢 教授 的 支持 和 帮助 ;还 得 到 了 清华 大 学 出 版 社 的 
大 力 支持 ,在 此 表示 诚挚 的 感谢 。 此 书 的 出 版 离 不 开 我 家 人 的 支持 ,感谢 他 们 默默 的 
奉献 。 

由 于 作者 水 平 有 限 , 书 中 难免 有 不 受 和 疏漏 之 处 , 恩 请 各 位 专家 、 同 仁和 读者 不 吝 网 
教 和 批评 指正 。 欢 迎 读者 与 笔者 交流 教学 体会 和 教材 建议 ,作者 邮箱 yanhuijuan0716@ 


163.6com， 


编 者 
2016 年 9 月 
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ASP.NET 概述 


ASP.NET 是 微软 公司 提供 的 广泛 应 用 于 网 站 建设 和 Web 应 用 程序 开发 的 技术 。 
ASP. NET 不 但 功能 丰富 ,而 且 大 大 减少 了 代码 编写 工作 量 , 易 于 掌握 , 深 受 IT 程序 员 
的 欢迎 。ASP. NET 主要 用 于 开发 Web 应 用 程序 ,一 个 ASP. NET 应 用 程序 即 为 一 个 网 
站 。 本 章 将 从 应 用 程序 开发 模式 讲 起 ,介绍 网 站 的 主要 成 员 静 态 网 页 和 动态 网 页 的 特点 
和 工作 原理 。 然 后 介绍 . NET Framework( 框 架 ) 和 ASP. NET 应 用 程序 的 组 成 .创建 和 
运行 。 最 后 介绍 Visual Studio 2012 开发 环境 的 安装 和 使 用 。 

本 章 学 习 目 标 : 

。 理解 Web 程序 的 开发 模式 ; 

。 理解 静态 网 页 与 动态 网 页 的 概念 及 其 工作 原理 ; 

。 了 解 . NET Framework 的 体系 结构 ; 

。 掌握 ASP.NET 应 用 程序 的 基本 组 成 及 其 基本 的 开发 流程 和 方法 ; 

。 掌握 Visual Studio 2012 的 安装 方法 ,并 了 解 其 基本 使 用 方法 。 


1.1 B/S 模式 和 CS 和 模式 


C/S(Client/Server, 客 户 / 服 务 器 ) 模 式 和 B/S(Browser/Server, 浏 览 / 服 务 器 ) 模 式 
是 目前 开发 模式 技术 架构 的 两 大 主流 技术 。 在 模式 中 ,提供 服务 的 一 方 叫 服务 器 端 , 接 
受 服务 的 一 方 叫 客户 端 。 客 户 端 向 服务 器 发 起 请 求 ,服务器 向 客户 端 做 出 应 答 。 

C/S 模式 (如 图 1.1 所 示 ) 中 ,客户 端 需要 安装 专用 的 客户 端 软件 。 服 务 器 通常 采用 
高 性 能 的 PC 工作 站 或 小 型 计算 机 ,并 采用 大 型 数据 库 系统 ,如 Oracle、DB2、Sybase、 
Informix 或 SQL Server。 如 企业 的 内 部 管理 系统 , 像 ERP 软件 ,大 多 采用 这 种 模式 , 执 
行 效率 较 高 。 

B/S 模式 (如 图 1.2 所 示 ) 是 对 C/S 模式 的 一 种 发 展 和 改进 。 在 这 种 模式 下 ,客户 机 
上 只 要 安装 浏览 器 即 可 ,因此 ,又 称 瘦 客 户 机 模式 。 其 用 户 工 作 界 面 完全 通过 浏览 器 实 
现 , 主 要 的 事务 逻辑 在 服务 器 端 实现 。 浏 览 器 通过 Web Server 同 数据 库 进行 数据 交互 。 
常见 的 Web 服务 器 有 IIS (Internet Information Services)、 WebLogic、 Tomcat、 Web 
Sphere 等 。 现 在 流行 的 电子 商务 网 站 、 博 客 网 站 、 微 博 网 站 等 都 属于 这 种 模式 ,方便 客户 
在 不 同 地 点 ,以 不 同 接 入 方式 访问 网 站 内 容 。 
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客户 端 服务 器 端 


图 1.1 客户 端 访问 服务 器 的 原理 
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Web 浏 览 器 Web 服 务 器 
1.2 浏览 器 访问 服务 器 的 原理 
























































12 静态 网 页 和 动态 网 页 


根据 网 页 的 特点 ,五花八门 的 网 页 可 以 分 为 两 大 类 : 静态 网 页 和 动态 网 页 。 两 者 是 
相对 而 言 的 。 


1. 静态 网 页 


静态 网 页 并 非 指 网 页 中 的 元 素 都 是 静止 不 动 的 ,而 是 指 交互 功能 较 差 , 无 须 经 过 服 
务 器 的 编译 ,可 以 直接 加 载 到 客户 浏览 器 上 显示 出 来 的 网 页 。 在 静态 网 页 中 ,可 以 包括 
GIF 动画 和 Flash 动画 。 静 态 网 页 在 执行 时 ,内 容 不 会 再 变化 ,任何 人 访问 .显示 的 内 容 
都 是 一 样 的 。 常 见 的 静态 页 面 的 扩展 名 (也 称 后 级 ) 是 . html、 htm、 shtml 等 ,如 docc/ 
jxgli/jx09. htm 。 

静态 页 面 的 工作 流程 可 以 分 为 以 下 4 个 步骤 (如 图 1. 3 所 示 ) 。 





http 请 求 

A HTML 代 胡 

Web 浏 览 器 Web 服 务 器 
图 1.3 静态 页 面 的 工作 原理 









1. 接受 请 求 
2. 查找 相应 的 静态 页 面 
3. 返回 页 面 的 HTML 代 码 














(1) 编写 一 个 静态 网 页 文件 ,并 在 Web 服务 器 上 发 布 。 

(2) 用 户 在 浏览 器 的 地 址 栏 中 输入 该 静态 页 面 的 URL(Uniform Resource Locator， 
统一 资源 定位 符 ) 并 按 Enter 键 ,浏览 器 发 送 访问 请 求 到 Web 服务 器 。 

(3) Web 服务 器 找到 此 静态 页 面 文件 的 位 置 ,并 将 它 转 换 为 HTML 流 , 传 送 到 用 户 
的 浏览 器 。 

(4) 浏览 器 接收 HTML 流 , 显 示 此 网 页 的 内 容 。 
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2. 动态 网 页 


动态 网 页 是 在 服务 器 端 动态 生成 的 。 动 态 网 页 上 的 部 分 内 容 存在 于 数据 库 中 ,根据 
用 户 发 出 的 不 同 请 求 , 其 提供 个 性 化 的 网 页 内 容 。 动 态 网 页 的 后 级 通常 有 . asp、. aspx、 
. Php、.jsp、. cgi 等 ,根据 所 用 的 Web 开发 技术 不 同 而 不 同 。 动 态 网 页 可 以 根据 不 同 的 济 
览 者 .不同 的 时 间或 不 同 的 交互 显示 不 同 的 信息 。 和 常见 的 留言 板 . 论 坛 . 贴 吧 、 微 博 、 邮 箱 
登录 等 都 属于 动态 网 页 ,如 https://passport. jd. com/new/login. aspx。 

动态 网 页 的 工作 流程 分 为 以 下 4 个 步骤 (如 图 1.4 所 示 )。 


http 请 求 












1. 接受 请 求 
2. 查找 动态 页 面 


IML | 3 处理 动态 页 面 的 代码 
A MM | 4 返回 页 而 的 HTML 代 请 
Webil 览 器 Web 服 务 由 


1.4 动态 页 面 的 工作 原理 


(1) 编写 一 个 包含 动态 网 页 的 Web 应 用 程序 ,并 在 Web 服务 器 上 发 布 。 

(2) 用 户 在 浏览 器 的 地 址 栏 中 输入 该 动态 页 面 的 URL 并 按 Enter 键 ,浏览 器 发 送 访 
问 请 求 到 Web 服务 器 。 

(3) Web 服务 器 找到 此 动态 页 面 文件 的 位 置 ,并 根据 请 求 内 容 将 网 页 代码 转换 为 
HTML 流 ,传送 到 用 户 的 浏览 器 。 

(4) 浏览 器 接收 HTML 流 , 显 示 此 网 页 的 内 容 。 

因此 ,在 实际 操作 中 ,用 户 可 以 直接 双击 打开 并 运行 静态 页 面 。 而 动态 页 面 一 般 不 
可 以 ,如 ,ASP. NET 中 的 aspx 页 面 可 以 双击 在 开发 环境 中 打开 但 并 不 能 运行 查看 页 面 
效果 。 


1.3 .NET Framework 的 体系 结构 


ASP. NET 是 一 种 统一 的 Web 平台 , 它 提供 了 生产 企业 级 应 用 程序 所 必需 的 全 部 服 
务 。.NET Framework( 框 架 ) 是 . NET 平台 的 核心 ,是 一 个 多 语言 组 件 开发 和 执行 环境 ， 
它 提 供 了 一 个 跨 语言 的 统一 编程 环境 。. NET 框架 的 目的 是 便于 开发 人 员 更 容易 地 建立 
Web 应 用 程序 和 Web 服务 ,使 得 Internet 上 的 各 应 用 程序 之 间 , 可 以 使 用 Web 服务 进行 

.NET 框架 的 体系 结构 包括 以 下 5 大 部 分 (如 图 1. 5 所 示 )。 

(1) 程序 设计 语言 及 公共 语言 规范 (Common Language Specification,CLS); 

(2) 应 用 程序 平台 (ASP. NET、Windows 应 用 程序 ); 

(3) ADO. NET 及 类 库 ; 

(4) 公共 语言 运行 库 (Common Language Runtime,CLR); 

(5) 程序 开发 环境 (Microsoft Visual Studio . NET) 。 
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图 1.5 .NET 框架 的 体系 结构 
其 中 ,类 库 和 公共 语言 运行 (CLR) 是 . NET 框架 的 两 个 核心 组 件 。 
1. 公共 语言 规范 
i 


公共 语言 规范 定义 语言 的 共同 规范 ,包括 数据 类 型 .语言 构造 等 ,使 得 在 . NET 上 可 
以 运行 多 种 语言 。 凡 是 符合 CLS 规范 的 语言 都 可 以 在 . NET 框架 上 和 运行。 目前 ,已 支持 
C# 、VB. NET、C++ J# ,JavaScript 等 ,其 中 ,C# 是 微软 公司 为 . NET 量 身 定做 的 一 种 
程序 设计 语言 ,非常 简练 和 安全 ,因此 ,本 书 中 的 示例 程序 均 采 用 C# 编 写 。 

各 种 语言 的 源 代码 先 编译 为 一 种 中 间 语 言 (Intermediate Language,IL),ASP. NET 
程序 执行 时 ,再 由 公共 语言 运行 库 载 和 内存, 实时 解释 为 各 平台 CPU 可 执行 代码 。 


2. 应 用 程序 平台 


基于 . NET 框架 可 以 开发 ASP. NET Web 应 用 程序 及 Windows 应 用 程序 ,适用 于 
不 同 的 应 用 需求 。Windows 应 用 程序 为 C/S 模式 ,ASP. NET 应 用 程序 为 B/S 模式 。 


3. ADO. NET 及 类 库 


ADO. NET 是 . NET 提供 的 数据 访问 模型 。 

类 库 是 由 数 千 个 可 重用 的 类 组 成 的 一 个 集合 ,符合 面向 对 象 理 论 。 各 种 不 同 的 开发 
语言 都 可 以 用 它 来 开发 传统 的 命令 行程 序 或 者 图 形 用 户 界 面 (Graphical User Interface， 
GUD 应 用 程序 。 

为 便于 管理 和 调用 ,类 库 中 的 类 被 划分 为 不 同 的 逻辑 分 区 ,这 些 逻 辑 分 区 称 为 命 
名 空间 。 命 名 空间 类 似 于 文件 夹 , 呈 层次 结构 , 即 命 名 空间 下 面 又 可 以 再 分 成 子 命 名 
空间 。 

例如 ,微软 公司 提供 的 所 有 的 类 以 System 或 Microsoft 命名 空间 开头 ; 基于 
Windows 应 用 程序 的 用 户 界面 的 类 放 在 System. Windows. Forms 命名 空间 中 。 
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CLR(Common Language Runtime) ,也 称 公 共 语 言 运行 环境 ,相当 于 Java 中 的 “虚拟 
机 ”, 是 一 个 运行 时 环境 ,为 ASP. NET 程序 提供 了 执行 环境 。 它 提供 了 程序 运行 时 的 内 
存 管理 ,垃圾 自动 回收 、 线 程 管 理 和 远程 处 理 以 及 其 他 系统 服务 。 它 负责 管理 代码 的 执 
行 并 使 开发 过 程 变 得 更 加 简单 。 

5. 程序 开发 环境 


程序 开发 环境 是 . NET 框架 的 外 在 呈现 ,程序 员 在 程序 开发 环境 VS. NET 中 创建 需 
要 的 应 用 程序 ,调用 . NET 提供 的 类 和 组 件 。 


14 ASPNET 应 用 程序 基 策 


141 ASPNET 应 用 程序 组 成 


ASP.NET 应 用 程序 是 程序 运行 的 基本 单位 ,也 是 程序 部 署 的 基本 单位 。 单 个 aspx 
网 页 是 不 能 运行 的 。 应 用 程序 由 多 种 文件 组 成 ,通常 包括 以 下 5 部 分 ( 见 表 1. 1): 网 页 
文件 .网 站 配置 文件 .网 站 全 局 文件 .专用 的 共享 目录 和 虚拟 目录 。 
表 1.1 ASP. NET 应 用 程序 的 组 成 















































名 称 文 件 名 个 数 其 他 
网 页 文件 x* .aspx, *. htm, * .asp n 
网 站 配置 文件 Web. config 0~n 基于 xml 
网 站 全 局 文件 Global. asax 0 或 1 
App_Code 0 或 1 中 间 层 代码 文件 
专用 的 共享 目录 App_Data 0 或 1 数据 库 文件 
App_Themes 0 或 1 主题 相关 文件 
虚拟 目录 自 定 义 1 http://localhost/ 虚 拟 目 录 名 
1. 网 页 文件 


网 页 文件 (又 称 窗 体 页 ) 是 应 用 程序 的 主体 。 在 ASP. NET 中 的 基本 网 页 以 . aspx 为 
后 级 ,也 可 以 包含 . htm 或 . asp 为 后 级 的 文件 。 

.aspx 用 于 创建 动态 网 页 ,可 以 包含 HTML 代码 、 服 务 器 控件 或 服务 器 端 代 码 。 它 
符合 动态 网 页 的 访问 原理 ,需要 先 在 服务 器 端 创建 服务 器 控件 ,运行 服务 器 端 代码 ,然后 
再 将 结果 转 成 HTML 代码 并 送 到 浏览 器 端 。 对 于 那些 曾经 请 求 又 没有 改变 过 的 aspx 
网 页 ,服务 器 会 直接 从 缓冲 区 中 读 取 相 应 文件 ,而 不 需要 再 次 编译 。 


人 aasssaanx 





.htm 为 静态 网 页 ,可 以 包含 HTML 代码 ,不 能 包含 服务 器 控件 或 服务 器 端 代 码 。 
服务 器 无 须 做 任何 处 理 直 接送 往 浏 览 器 ,由 浏览 器 下 载 并 解释 执行 。 因 此 ,为 提高 运行 
效率 ,应 将 纯 HTML 代码 的 网 页 保存 为 . htm, 无 须 创建 为 . aspx 网 页 。 


2. 网 站 配置 文件 


Web. config 是 ASP. NET 的 网 站 配置 文件 , 它 基 于 XML 语法 。 其 作用 是 对 应 用 程 
序 进 行 配置 ,如 数据 库 连 接 串 .客户 的 认证 方法 .基于 角色 的 安全 技术 策略 数据 绑 定 方 
法 .远程 处 理 对 象 等 。 

根据 需要 ,可 以 在 网 站 的 根 目录 或 子 目录 下 分 别 创 建 Web. config 文件 ,也 可 以 一 个 
都 不 创建 。 如 果 存 在 多 个 Web. config 时 ,它们 形成 一 种 层次 关系 , 子 目 录 继 承 父 目录 的 
配置 , 当 子 目录 与 父 目录 不 同时 ,会 覆盖 父 目录 的 同名 配置 。 

实际 上 ,在 安装 完 . NET 时 ,已 经 安装 了 一 个 服务 器 的 配置 文件 Machine. config , 默 
认 目 录 是 “[ 硬 盘 名 ]:\WindowsN\XMicrosoft. NET\Framework\[ 版 本 号 ]\CONFIG\”, 它 
对 ASP. NET 应 用 程序 做 了 基本 的 配置 。 

XML(Extensible Markup Language) 是 一 种 可 扩展 的 标记 语言 ,用 来 描述 层次 化 的 
文档 ,解决 跨 平台 交换 数据 的 问题 。 它 的 作用 是 用 于 标记 电子 文件 使 其 具有 结构 性 的 标 
记 语 言 , 可 以 用 来 标记 数据 .定义 数据 类 型 ,是 一 种 允许 用 户 对 自己 的 标记 语言 进行 定义 
的 源 语言 。 

XML 文件 的 扩展 名 是 . xml, 可 使 用 任何 文本 编辑 器 来 编写 。 在 编写 时 需要 遵循 以 
下 5 项 原则 : 

(1) 有 且 只 有 一 个 根 元 素 ,元 素 区 分 大 小 写 ; 

(2) 每 个 元 素 都 是 封闭 的 

(3) 元 素 之 间 可 以 租 套 ,但 不 能 交叉 ; 

(4) 属性 值 必须 包含 在 引号 之 中 ; 

(5) 同一 个 元 素 的 属性 不 能 重复 。 

XML 的 特点 如 下 : 

(1) XML 是 一 种 通用 标准 , 跨 平台 交换 数据 ; 

(2) XML 中 的 元 素 标记 自行 确定 ,不 受 限制 ; 

(3) XML 文档 属于 文本 文件 ,语法 简单 ; 

(4) XML 非常 有 利于 功能 的 发 布 ; 

(5) .NET 对 于 XML 具有 深层 次 的 支持 。 

Visual Studio . NET 可 以 直接 读 、 写 XML 文档 ,可 用 XML 描述 数据 的 结构 和 系统 
的 配置 ,数据 存储 和 交换 的 格式 。 

除了 这 里 讲 到 的 Web. config, 后 面 章节 中 也 多 次 用 到 XML 文件 ,如 广告 控件 的 数 
据 源 文件 可 以 是 XML 类 型 的 文件 ,站 点 地 图 文件 是 符合 XML 语法 的 文件 。 


3. 网 站 全 局 文件 
Global. asax 文件 是 一 个 可 选 文件 ,用 来 处 理应 用 级 别 的 事件 。 它 只 能 保存 在 网 站 
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的 根 目录 。 文 件 包含 的 具体 内 容 和 使 用 将 在 第 5 章 中 详细 讲解 。 
4. 专用 的 共享 目录 


专用 的 共享 目录 是 ASP. NET 提供 的 专门 用 途 的 文件 目录 (文件 夹 ) ,包括 App_ 
Code、App_Data、App_Themes 等 ,这 些 目 录 中 的 文件 将 自动 供应 用 程序 共享 。 

App_Code 目录 中 保存 源 代码 文件 (如 . cs,. vb 文件) ,在 运行 时 将 自动 把 这 些 代码 编 
译 成 一 个 程序 集 。Web 应 用 程序 中 的 其 他 任何 代码 都 可 以 访问 产生 的 程序 集 。Bin 文 
件 夹 中 可 以 存储 编译 的 程序 集 ( 如 . dll 文件 ), Web 应 用 程序 任意 处 的 其 他 代码 都 会 自动 
引用 该 文件 夹 。 

App_Data 目录 用 于 保存 数据 库 文件 ,这 些 文件 自动 成 为 网 站 中 各 网 页 的 共享 资源 。 

App_Themes 目录 用 于 放置 主题 相关 文件 ,包括 皮肤 文件 .样式 文件 .图像 文件 等 ， 
用 来 确定 网 站 中 各 网 页 的 显示 风格 。 


5. 虚拟 目录 


虚拟 目录 是 在 Web 服务 器 上 创建 应 用 程序 的 一 个 目录 ,映射 到 应 用 程序 的 物理 目 
录 , 即 为 目录 的 别名 。 通 过 创建 虚拟 目录 ,可 以 发 布 网 站 ,让 人 们 浏览 网 站 内 容 。 虚 拟 目 
录 方 便 在 一 台 主 机 上 建立 多 个 网 站 ,它们 相互 不 影响 。 

ASP. NET 使 用 的 Web 服务 器 上 的 IIS , 它 的 默认 安装 路 径 是 “系统 盘 ]:\InetPub\ 


wwwroot\”。 
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网 站 是 管理 应 用 程序 并 向 外 发 布 信息 的 基本 单位 ,也 是 网 站 迁移 的 基本 单位 。 在 
ASP. NET 中 ,一 个 网 站 就 是 一 个 应 用 程序 。 由 于 应 用 目的 的 不 同 ,ASP. NET 可 以 创建 
三 种 类 型 的 网 站 : 文件 系统 网 站 ,本 地 IIS 网 站 和 远程 网 站 。 

操作 提示 : 选择 【文件 了 -并 新 建 拭 网 站 命令 ,将 打开 【新 建 网 站 对 话 框 , 可 以 在 
【Web 位 置 ] 文 本 框 中 选择 需要 的 网 站 类 型 (如 图 1.6 所 示 ), 单 击 【 浏 览 ] 按 钮 选择 网 站 
目录 。 


1. 文件 系统 网 站 


文件 系统 网 站 是 一 种 用 于 检查 和 调试 的 网 站 ,只 能 检验 和 调试 网 站 ,不 能 向 外 发 布 
信息 。 单 击 【 浏 览 ] 按 钮 ,可 以 将 文件 系统 网 站 的 物理 目录 放置 在 任意 物理 目录 下 ,网 站 
名 就 是 应 用 程序 的 根 目录 名 。 该 类 型 的 网 站 非常 适合 于 调试 或 学 习 者 使 用 。 

计算 机 上 未 安装 IIS 服务 器 也 可 以 创建 文件 系统 网 站 ,因为 系统 自动 为 网 站 配置 了 
一 个 开发 服务 器 (Development Server) ,来 模拟 IIS 服务 器 对 网 站 运行 时 的 支持 。 当 使 用 
文件 系统 网 站 时 ,系统 会 自动 调用 开发 服务 器 来 调试 运行 的 网 页 ,同时 给 网 站 随机 地 分 
配 一 个 端口 。 如 网 页 名 为 Default. aspx, 当 运行 服务 器 时 ,该 网 页 的 URL 是 http:// 
localhost:5315/Default. aspx, 其 中 ,localhost 表示 本 地 服务 器 ,5315 即 是 随机 分 配 的 端 


口号 。 
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1.6 创建 新 网 站 


操作 步骤 如 下 。 

(1) 在 【新 建 网 站 对话 框 中 (如 图 1.6 所 示 ) 的 KWeb 位 置 ] 处 选择 [文件 系统 】( 默 认 
即 为 [文件 系统 DD。 

(2) 单 击 【 浏 览 ] 按 钮 ,打开 【文件 系统 3 对 话 框 (如 图 1.7 所 示 ) ,选择 已 经 存在 的 物理 
目录 ,或 单 击 右上 角 的 【新 建 目录 图标, 然后 单 击 [ 打 开 ] 按 钮 。 
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1.7 【文件 系统 ] 对 话 框 


Os ASPNET 概 述 





(3) 返回 到 [新 建 网 站 】 对 话 框 , 青 单 击 【 确 定 ] 按 钮 ,可 创建 文件 系统 网 站 (如 图 1. 8 
所 示 )。 
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1.8 新 文件 系统 网 站 的 界面 


2. 本 地 JIS 网 站 


创建 本 地 IIS 网 站 需要 在 本 地 机 器 上 安装 IIS Web 服务 器 。 创 建 的 本 地 IIS 网 站 将 
自动 创建 虚拟 目录 ,并 且 直 接 或 间接 地 映射 到 网 站 的 物理 目录 上 。 本 地 IIS 网 站 可 以 向 
外 发 布 信息 。 

操作 步骤 如 下 。 

(1) 在 【新建 网 站 】 对 话 框 中 (如 图 1.6 所 示 ) 的 [Web 位 置 ] 处 选择 http。 

(2) 单 击 【浏览 ] 按 钮 ,打开 本 地 IIS 对 话 框 (如 图 1. 9 所 示 ) ,选择 IIS 的 默认 网 站 目 
录 , 单 击 右 上 角 的 [新 建 网 站 】 【创建 新 Web 应 用 程序 了 或 【新 建 虚拟 目录 图标 。 

(3)【 新 建 网 站 和 【创建 新 Web 应 用 程序 ] 都 将 创建 新 的 网 站 ,所 不 同 的 是 [新 建 网 
站 ] 只 能 在 IIS 网 站 根 目录 下 创建 【创建 新 Web 应 用 程序 ] 则 在 【新 建 网 站 ] 的 子 目 录 中 
创建 ,这 两 种 网 站 的 名 称 和 虚拟 目录 的 名 称 一 样 ,文件 均 保 存在 Visual Studio 安装 盘 的 
文档 (documents) 目录 下 的 my web sites 和 projects 中 。 选 择 【 新 建 虚拟 目录 时 需要 对 
虚拟 目录 (图 1. 10 中 的 [别名 3 处) 和 网 站 目录 名 (图 1. 10 中 的 【文件 夹 3 处 ) 分 别 进 行 命 
名 (如 图 1. 10 所 示 ) ,然后 单 击 【确定 了 按钮 。 

(4) 返回 到 【新 建 网 站 对 话 框 , 再 单 击 [ 确 定 ] 按 钮 ,可 创建 本 地 IIS 网 站 。 


3. 远程 网 站 


远程 站 点 是 可 以 向 外 发 布 信息 的 网 站 ,一 个 远程 网 站 必须 获得 唯一 的 URL 地 址 (并 
且 安 装 有 扩展 的 FrontPage) 。 
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1.10 新 建 虚拟 目录 


操作 步骤 如 下 。 
(1) 在 [新建 网 站 】 对 话 框 中 (如 图 1.6 所 示 ) 的 [Web 位置] 处 选择 http。 
(2) 单 击 【 浏 览 ] 按 钮 ,打开 【远程 站 点 】 对 话 框 ( 如 图 1. 11 所 示 ) ,选择 输入 网 站 位 置 。 


(3) 单 击 【 打 开 】 按 钮 ,返回 到 【新建 网 站 】 对 话 框 ,再 单 击 【 确 定 ] 按 钮 ,可 创建 远程 
站 点 。 


143 运行 ASPNET 应 用 程序 


运行 ASP. NET 应 用 程序 才 可 以 体验 程序 实现 的 具体 功能 ,如 事件 的 触发 .代码 的 
执行 等 。 单 击 工 具 栏 中 的 [调试 ] 按 钮 >、 选择 【调试 菜单 中 的 [开始 调试 或 按 F5 键 都 
将 在 默认 浏览 器 中 运行 当前 选择 网 页 。 也 可 以 在 【解决 方案 资源 管理 器 】 中 , 右 击 要 运行 
的 页 面 ,选择 [在 浏览 器 中 查看 】。 

如 果 总 是 需要 从 某 一 固定 页 面 运 行 ,来 访问 其 他 页 面 功能 的 时 候 , 可 以 右 击 那 个 页 
面 ,选择 【 设 为 起 始 页 】, 则 单 击 【 调 试 ] 按 钮 后 总 是 从 该 页 开始 运行 。 











EI | 生 二 汪 
对 于 网 站 位 置 , 输入 配 秆 有 FrontPage 服务 器 扩展 的 网 站 URL. 
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1.11 【远程 站 点 对话 框 











15 开发 环境 的 安 获 与 使 用 


开发 环境 对 程序 开发 至 关 重 要 ,ASP. NET 的 开发 环境 有 多 个 版 本 ,包括 2003、 
2005、2008、2010、2012、2013、2015 等 ,分 别 对 应 不 同 的 . NET Framework 版 本 。Visual 
Studio 2012 对 应 .NET 4.5, 软 件 可 从 www. microsoft. com 网 站 上 下 载 。 本 教程 的 示例 代码 
均 在 Visual Studio 2012 中 完成 ,下 面 对 开 发 环境 Visual Studio 2012 进行 简要 介绍 。 


151 安装 IS Web 服 务 器 


安装 环境 之 前 可 以 先 安装 Web 服务 器 IIS(Internet Information Server) ,IIS 是 
Windows 系统 的 一 个 组 件 ,可 使 用 系统 盘 进 行 安装 。 

操作 步骤 如 下 (以 Windows 7 为 例 )。 

(1) 打开 【控制 面板 】, 单 击 【 程 序 】- 【程序 和 功能 】, 单 击 左 侧 的 【打开 或 关闭 
Windows 功能 (如 图 1.12 所 示 ) ,弹出 [Windows 功能 窗口。 

(2) 在 [Windows 功能 ] 窗 口中 ,找到 [Internet 信息 服务 了 ,进行 IIS 配置 (如 图 1. 13 所 
示 )。 根 据 需 要 选择 相应 的 项 目 , 勾 选 相应 的 选项 。 以 下 都 是 使 用 IIS 开发 ASP. NET Web 
应 用 程序 的 必 选 项 : 万 维 网 服务 一 应 用 程序 开发 功能 ASP. NET.、. NET 扩展 性 ISAPI 扩 
展 和 ISAPI 筛选 器 ;万 维 网 服务 一 安全 性 一 Windows 身份 验证 ;Web 管理 工具 ~IIS6 管理 
兼容 性 一 IIS 元 数据 库 和 IIS 配置 兼容 性 。 设 置 完毕 , 单 击 【 确 定 ] 按 钮 ,开始 安装 。 

(3) 安装 完毕 ,网 站 的 物理 路 径 默 认 是 “[ 系统 盘 ]:\inetpub\wwwroot\”。 





152 安装 Visual Studio 2012 


(1) 双击 光盘 或 解压 缩 文件 中 . exe 安装 程序 启动 安装 (如 图 1. 14 所 示 )。 几 分 钟 后 
进入 安装 软件 的 起 始 界 面 (如 图 1. 15 所 示 ) ,可 修改 安装 路 径 , 选 择 【 我 同意 许可 条 款 和 
条 件 了 ,将 出 现 【下 一 步 ] 按 钮 。 
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1.12 控制 面板 的 【程序 和 功能 窗口 
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图 1.14 安装 文件 


DA Visual Studio 


Ultimate 2012 


with Blend 


安装 程序 需要 以 下 位 置 有 8.06 GB 可 用 空间 : 
CAProgram Files (x86)\Microsoft Visual Studio 110 


先 同意 然后 才能 安装 产品 。 


发 送 有 全 您 的 安装 体验 的 信息 并 在 
接 到 在 线 内 容 。 若 要 了 解 更 多 信 


[a 
落 改 善 计 划 以 帮助 提高 Visual Studio 的 质量 、 可 靠 性 和 





图 1.15 安装 起 始 界 面 


(2) 单 击 【 下 一 步 ] 按 钮 ,出 现 安装 界面 (如 图 1. 16 所 示 ), 单 击 【 安 装 ] 按 钮 进行 安装 
(如 图 1.17 所 示 )。 
(3) 数 十 分 钟 后 安装 完毕 ， 


153 开发 环境 的 介绍 


通过 【开始 】- 江 所 有 应 用 ->~Microsoft Visual Studio 2012 一 Visual Studio 2012 , 可 
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图 1.16 开始 安装 界面 


Ultimate 2012 


Microsoft Visual C++ x64 Debug Runtime - 11.0.50727 





图 1.17 安装 界面 








以 启动 Visual Studio 2012 。 
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当初 次 打开 开发 环境 时 ,将 打开 默认 环境 设置 窗口 (如 





图 1. 18 所 示 )。 根 据 需要 选择 开发 环境 ,本 书 选择 【Visual C 并 开发 设置 】, 然 后 单 击 【 启 
动 Visual Studio] 按 钮 , 几 分 钟 后 进入 开发 环境 的 起 始 页 (如 图 1. 19 所 示 )。 再 次 打开 时 


无 须 设置 即 为 C 并 开发 环境 。 





选择 默认 环境 设置 


择 重 置 所 有 设置 "。 
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首次 开始 使 用 该 应 用 程序 之 前 ， 需 要 指定 您 从 事 最 多 的 开发 活动 类 型 ,如 Visual Basic 或 Visual 
C#。 此 信息 用 于 棕 预 定义 的 设置 集合 应 用 于 针对 您 的 开发 活动 而 设计 的 开发 环境 . 


您 可 以 随时 选择 使 用 不 同 的 设置 集合 。 方 法 是 从 ”工具 "菜单 中 选择 “导入 和 导出 设置 ,然后 选 


选择 默认 环境 届 置 (QO: 





[LiqhtSwitch 开发 六 置 
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图 1.18 默认 环境 设置 窗口 
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图 1.19 Visual Studio 2012 的 主 界面 (起 始 状态 ) 
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1. 主 界面 


为 了 能 够 快速 地 进行 . NET 程序 开发 ,首先 需要 熟悉 Visual Studio . NET(VS. 
NET) 2012 开发 环境 。 通 过 【开始 】>【 程 序 】>Microsoft Visual Studio .NET 2012 启动 
程序 , 主 界 面 如 图 1. 19 和 图 1. 20 所 示 ,在 起 始 页 上 可 以 单 击 【 新 建 项 目 ] 新 建 一 个 项 目 ， 
或 单 击 [ 打 开 项 目 ] 打 开 现 有 项 目 , 也 可 以 看 到 最 近 打开 过 的 项 目 。 
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图 1.20 Visual Studio 2012 的 主 界面 (开发 状态 ) 





主 界面 包括 多 个 子 窗口 ,每 个 窗口 都 是 可 以 关闭 和 自由 拖 动 的 。 最 左 侧 的 有 【工具 
箱 ] 和 【服务 器 资源 管理 器 】 【工具 箱 3 用 于 存放 服务 器 控件 等 ,【 服 务 器 资源 管理 器 用 于 
管理 服务 器 和 数据 连接 资源 。 中 间 是 [文档 窗口 〗 ,用 于 应 用 程序 代码 的 编写 和 网 页 设 
计 。 右 侧 有 【解决 方案 资源 管理 器 和 【属性 了 和 窗口 ,用 于 呈现 解决 方案 以 及 页 面 与 控件 的 
相应 属性 。 下 方 的 【错误 列表 了 窗口 用 于 呈现 错误 信息 。 


2. 文档 窗口 


在 开发 不 同 的 应 用 程序 时 ,文档 窗口 会 呈现 不 同 的 样式 ,以 方便 开发 。 在 开发 
ASP.NET 的 Web 应 用 程序 时 ,文档 窗口 以 Web 形式 呈现 给 用 户 ,主要 包括 以 下 三 
部 分 。 


页 面 标签 : 当 同 时 打开 多 个 页 面 会 呈现 多 个 页 面 标签 ,开发 人 员 通 过 单 击 页 面 标签 
进行 页 面 切 换 。 


视图 栏 : 视图 栏 提供 了 三 种 视图 : 设计 、 拆 分 和 源 。 开 发 人 员 可 以 通过 视图 栏 进行 
视图 的 切换 。 设 计 视 图 以 所 见 即 所 得 呈现 页 面 的 样式 ,方便 开发 者 操作 。 源 视图 以 代码 
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形式 呈现 页 面 ,方便 开发 者 进行 代码 控制 。 
标签 导航 栏 : 通过 标签 导航 栏 能 够 选择 标签 ,例如 , 当 用 户 需 要 选择 页 面 代码 中 的 
二 body 二 标签 时 ,可 以 通过 标签 导航 栏 选择 二 body 二 标签 或 标签 内 容 。 





3. 工具 箱 


【工具 箱包 含 . NET 应 用 程序 所 支持 的 控件 。 不 同类 型 的 应 用 程序 ,【 工 具 箱 】 呈 现 
的 控件 也 不 同 。 所 有 控件 被 分 组 放 在 不 同 的 选项 卡 中 。 开 发 人 员 也 可 以 自己 新 建 选项 
卡 , 添 加 现 有 的 控件 (如 图 1. 21 所 示 )。 右 击 【 工 具 箱 了 的 空白 区 域 , 在 弹出 的 快捷 菜单 中 
选择 【选择 项 命令, 弹出 [选择 工具 箱 项 〗 对 话 框 ( 如 图 1. 22 所 示 ) ,选择 要 自 定义 添加 控 
件 的 程序 集 。 组 件 添加 完毕 后 ,将 出 现在 [工具 箱 ] 中 ,与 其 他 控件 一 样 ,可 以 添加 到 Web 
页 面 。 











1.21 工具 箱 













































































搜索 工具 条 P- 
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1.22 【选择 工具 箱 项 ] 对 话 框 


4. 解决 方案 资源 管理 器 


【解决 方案 资源 管理 器 管理 网 站 的 文件 (如 图 1. 23 所 示 ) ,开发 人 员 可 以 在 【解决 方 
案 资 源 管理 器 ] 中 观察 网 站 文件 的 层次 关系 ,选择 需要 的 文件 ,双击 文件 后 ,代码 /视图 会 
呈现 在 主 窗口 中 。 

在 创建 网 站 的 同时 会 创建 一 个 解决 方案 ,来 管理 该 项 目 , 图 1. 23 中 的 解决 方案 仅 管 
理 一 个 项 目 。 实 际 上 ,在 【解决 方案 资源 管理 器 ] 中 不 仅 可 以 管理 一 个 项 目 , 可 以 新 建 项 
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搜索 解决 方 襟 资源 管理 露 (Ctr|+;) 
网 解 关 方 案 “WebSitel(2)” (1 
4 © Website1(72) 

国 Account 

国 App_Code 

国 App_Data 

国 bin 

国 Content 

国 Images 

国 Scripts 

抽 About.aspx 

DO Bundle.config 

者 Contactaspx 

Default.aspx 

B faviconjico 

Global.asax 

D packages.config 

回 Site.master 

DM Web.config 


Pp- 


Wl) 


解决 方案 资源 管理 器 _ 团队 资源 管理 器 





1.23 【解决 方案 资源 管理 器 窗口 


目 或 将 现 有 项 目 添加 到 【解决 方案 资源 管理 器 中 ,在 一 个 解决 方案 中 不 同 的 项 目 之 间 可 


以 相互 协调 和 调用 。 


在 【解决 方案 资源 管理 器 中 ,可 以 通过 添加 新 文件 项 , 右 击 新 项 所 在 的 目录 ,在 【 弹 
出 菜单 ] 中 选择 [添加 】 ,继续 选择 [添加 新 项 】( 如 图 1. 24(a) 所 示 ) ,将 弹出 【添加 新 项 对 
话 框 (如 图 1. 24(b) 所 示 ) ,这 里 将 列 出 可 以 添加 的 所 有 项 目 类 型 ,并 为 新 文件 起 名 ,然后 
单 击 【确定 了 按钮 将 添加 需要 的 项 目 , 如 可 以 添加 前 面 提 到 的 html 文件 .Web 窗 体 、Web 
.config、 类 文件 .数据库 文件 等 。 
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(a) 添加 新 项 的 操作 截 














(b)【 添 加 新 项 】 对 话 框 


图 1.24 在 解决 方案 中 添加 新 项 


5.【 属 性 ] 窗 口 


Visual Studio 2012 提供 了 很 多 控件 ,每 个 控件 都 会 
有 相应 的 属性 ,通过 配置 控件 属性 可 以 实现 页 面 设计 和 
功能 。 在 页 面 设计 阶段 ,通常 使 用 [属性 窗口 进 行 控件 
属性 的 设置 。 在 【属性 ] 窗 口中 ,属性 可 以 分 类 显示 ,也 
可 以 按 字 母 排 序 显 示 ( 如 图 1. 25 所 示 )。 单 击 【 属 性 窗 
口中 的 [事件 还 可 以 切换 到 事件 窗口 ,添加 控件 的 相应 
事件 。 


6.【 错 误 列表 窗口 


在 应 用 程序 开发 中 ,错误 几乎 是 不 可 避免 的 。.【 错 
误 列表 窗口 ( 如 图 1. 26 所 示 ) 将 逐条 列 出 程序 中 存在 的 
各 种 语法 错误 和 逮 辑 错误 。 开 发 人 员 可 以 查看 【错误 列 
表 ] 中 的 详细 信息 ,【 说 明 ] 列 表示 错误 的 具体 描述 ,【 文 
件 列 表示 该 条 错误 所 属 的 文件 ,【 行 ]【 列 分 别 表 示 错 
误 的 具体 位 置 ,开发 人 员 可 以 双击 某 一 条 错误 ,在 主 窗 
口中 将 自动 定位 并 呈现 错误 的 位 置 。 通 过 定位 错误 可 
以 帮助 开发 人 员 快 速 修改 错误 。 
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1.26 【错误 列表 窗口 


7. 菜单 栏 和 工具 栏 


.NET 根据 不 同 的 视图 提供 了 不 同 的 可 用 菜单 功能 和 工具 按钮 (如 图 1. 21 所 示 ) , 开 
发 人 员 可 以 使 用 菜单 栏 和 功能 栏 提供 的 相应 功能 ,比如 新 建 / 打 开 网 站 .显示 /关闭 窗口 、 


运行 程序 .调试 程序 .软件 选项 配置 等 。 
8. 智能 提示 功能 


Visual Studio . NET 环境 还 有 很 多 有 利于 开发 的 功能 和 使 用 特性 ,比如 代码 提示 功 
能 (如 图 1. 27 所 示 ) ,有 助 于 局 部 匹配 。 对 于 初学 者 ,可 以 避免 大 小 写 等 输入 错误 。 在 控 
件 和 类 的 使 用 上 ,可 以 选择 需要 的 属性 、 方 法 等 ,还 可 以 根据 提示 学 习 新 知识 。 按 Enter 


键 或 空格 键 可 以 选择 当前 选中 项 。 
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} 
日 protected void Buttonl_Click (object sender, Eventhrgs e) 


Buttonl. 
£ SupportsDisabledAttribute 全 
于 Tablndex 
££ TemplateControl 
£ TemplateSourceDirectory 





Te 

£ ToolTip 

@ ToString 

£ UniquelD 
乡 Unload v 











图 1.27 智能 提示 功能 


小 结 


ASP. NET 开发 的 网 站 属于 B/S 模式 ,包括 两 种 典型 的 网 页 ,本 章 首先 介绍 了 B/S 
和 C/S 两 种 开发 模式 的 特点 ,静态 网 页 和 动态 网 页 的 区 别 和 访问 原理 。. NET 框架 是 
ASP. NET 的 重要 平台 和 核心 技术 ,本 章 简要 介绍 了 . NET 的 体系 结构 ,以 助 于 后 续 的 学 
习 。 本 章 重 点 介绍 了 ASP. NET 的 应 用 程序 组 成 ,如 何 创建 新 的 应 用 程序 ,开发 环境 
Visual Studio .NET 2012 的 安装 和 使 用 。 


旨 后 习 丁 





1. 填空 题 

(1) ASP.NET 可 以 使 用 有 等 脚本 语言 。 

(2) ASP. NET 使 用 的 Web 服务 器 是 

C3 也 称 公 共 语 言 运行 环境 ,相当 于 Java 中 的 “ 虚拟 机 ,是 是 一 个 运行 时 环 
境 , 为 ASP.NET 程序 提供 了 执行 环境 。 

(4) 是 ASP. NET 的 网 站 配置 文件 , 它 基 于 XML 语法 ,其 作用 是 对 应 用 程 
序 进行 配置 。 

(5) 是 一 种 用 于 检查 和 调试 的 网 站 ,只 能 检验 和 调试 网 站 ,不 能 向 外 发 布 
信息 

(6) Visual Studio 2012 的 文档 窗口 的 视图 栏 提供 了 三 种 视图 : 
和 

2. 选择 题 

{1 2 Data 目录 用 来 放置 ( Ds 

. 共享 的 数据 库 文件 B. 共享 文件 


C. 被 保护 的 文件 D. 代码 文件 





(2) IL 是 指 ( )'s 





A. 框架 类 库 B. 公共 语言 运行 库 
C. 中 间 语 言 D. 框架 

(3) Visual Studio 2012 是 ( 
A. 框架 类 库 共 语 言 运行 库 


C. .NET 集成 开发 环境 


(4) 以 下 ( ) 不 是 . NET Framework 的 主要 组 成 部 分 。 
A. 基 类 库 B. 公共 语言 运行 库 
C. 公共 语言 规范 D. C# 
(5) 在 . NET 中 CLS 的 作用 是 ( Ns 
A. 存储 源 代码 B. 对 语言 进行 规范 
C. 实现 源 代 码 跨 平台 D. 转 成 中 间 语 言 
3. 简 答 题 


(1) 京东 购物 网 站 属于 B/S 模式 还 是 C/S 模式 ?为 什么 ? 

(2) 静态 网 页 和 动态 网 页 的 访问 原理 有 何 区 别 ? 

(3) .NET 的 两 个 核心 组 件 是 什么 ? 类 库 中 类 用 什么 进行 组 织 ? 
(4) 虚拟 目录 有 什么 作用 ? 

(5) ASP.NET 应 用 程序 由 哪些 文件 组 成 ? 


4. 上 机 操作 题 


上 机 目的 : 

熟悉 开发 环境 Visual Studio 2012; 

能 够 创建 ASP. NET 网 站 ; 

能 够 找到 新 建 网 站 相应 的 物理 路 径 ,并 备份 ; 

认识 网 站 的 基本 成 员 ,掌握 添加 现 有 项 或 新 项 的 操作 方法 ; 
掌握 通过 IIS 的 虚拟 目录 发 布 现 有 网 站 的 操作 方法 。 

上 机 内 容 : 

(1) 目的 : 创建 文件 系统 网 站 。 


具体 任务 


: 创建 网 站 名 为 myFileWeb, 源 文件 存放 在 物理 路 径 D:\myFileWeb 中 的 


文件 系统 网 站 。 


操作 提示 


:【 开 始 】-【 程 序 】-> Microsoft Visual Studio 2012 一 Microsoft Visual 


Studio 2012【 文 件 >【 新 建 7>【 网 站 】>【 浏 览 】> 选 中 DD 盘 根 目录 一 单 击 右 上 角 的 【新 





建文 件 夹 图标 ,添加 一 个 website 文件 夹 ,改名 为 myFileWeb 一 单 击 【打开 ~ 创建 完 


成 一 单 击 【运行 按钮 ,运行 网 站 。 


(2) 目的 
具体 任务 


: 创建 本 地 IIS 网 站 。 
: 创建 一 个 虚拟 目录 名 为 myIISweb , 源 文件 存储 在 D:\myIISweb 。 


操作 :【 开 始 】>【 程 序 】-> Microsoft Visual Studio 2012> Microsoft Visual Studio 
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2012 一 【文件 ]>【 新 建 >【 网 站 】> 在 【位 置 ] 处 选择 http 一 单 击 【 浏 览 ] 按 钮 一 选中 左 侧 
的 本 地 IIS 习 在 本 地 Web 服务 器 中 选中 【默认 网 站 了 节点 一 单 击 右 上 角 的 【创建 新 虚拟 目 
录 ] 按 钮 ,在 [别名] 中 填写 “myIISweb”( 虚 拟 目 录 名 ), 单 击 【 浏 览 ] 按 钮 选择 物理 路 径 D:\ 
mylISweb, 单 击 【 确 定 ] 按 钮 创建 完成 习 单 击 【 运 行 ] 按 钮 ,运行 网 站 。 

(3) 目的 : 为 文件 系统 网 站 创建 虚拟 目录 。 

具体 任务 : 为 (1) 题 中 创建 的 myFileWeb 网 站 创建 虚拟 目录 myweb。 

操作 提示 : 右 击 我 的 电脑 -并 管理 ~ 找到 并 打开 Internet 信息 服务 节点 一 右 击 【 默 认 
网 站 ] 节 点 【新 建 ]->【 虚 拟 目录 】> 别 名 “myweb”, 对 应 的 文件 夹 选择 D:\myFileWeb\ 一 
确定 一 查看 IIS 中 创建 的 虚拟 目录 。 

(4) 具体 任务 : 访问 你 的 虚拟 目录 网 站 http://localhost/myweb/default. aspx。 

操作 : 打开 浏览 器 ,在 地 址 栏 中 输入 “http://localhost/myweb/ydefault. aspx”。 

(5) 目的 : 在 网 站 中 添加 静态 页 面 , 并 编辑 。 

具体 任务 : 在 刚刚 建立 的 myFileWeb 网 站 中 ,添加 HTML 页 index. htm, 并 修改 网 
页 标题 为 “静态 网 页 ”, 在 网 页 上 显示 “这 是 我 在 ASP. NET 中 创建 的 html 静态 网 
页 哦 !”。 

操作 提示 : 

打开 VS 环境 一 打开 一 网 站 一 选 D:\myFileWeb 一 在 【解决 方案 资源 管理 器 ] 中 右 击 
网 站 根 目录 环 【 添 加 新 项 ]> 选 择 html 网 页 ~ 改名 为 “index. htm” 习 确定 。 

双击 【解决 方案 资源 管理 器 ] 中 的 index. htm 文件 ,将 自动 打开 网 页 的 html 代码 ,在 
title 标记 中 添加 “静态 网 页 ”, 在 body 标记 中 添加 “这 是 我 在 ASP. NET 中 创建 的 html 
静态 网 页 哦 1”。 

在 【解决 方案 资源 管理 器 中 , 右 击 选择 [在 浏览 器 中 查看 了 命令 ,如 图 1. 28 所 示 。 在 
浏览 器 中 查看 index. htm 的 效果 。 





解决 方案 资源 管理 器 - 解决 方案 “he .~ ? X 


[ 辐 解决 方案 “helyuane”(1 个 项 目 ) 
日 - 四 http: /1localhestyafhelyaancy 
CB App_Data 








图 1.28 在 浏览 器 中 查看 


第 1 章 中 已 经 对 ASP.NET 及 其 开发 环境 有 了 基本 认识 。ASP. NET 应 用 程序 即 网 
站 的 主要 构成 就 是 Web 窗 体 页 ,后面 章 节 讲 到 的 各 种 控件 对象 都 可 以 在 Web 窗 体 页 上 
使 用 。ASP.NET 的 Web 窗 体 页 的 扩展 名 是 . aspx, 因 此 又 叫 作 ASPX 网 页 。 本 章 主 要 
介绍 ASPX 网 页 的 代码 存储 模式 .Web 页 面 之 间 跳 转 的 对 象 ,页面 的 生命 周期 .网 页 的 事 
件 模型 以 及 表示 网 页 路 径 的 方法 。 

本 章 学 习 目 标 : 

。 理解 ASPX 网 页 的 代码 存储 模式 ; 

。 掌握 Web 页 面 跳 转 的 Response 对 象 和 接收 参数 的 Request 对象 的 使 用 方法 ; 

。 理解 页 面 的 生命 周期 和 网 页 的 事件 模型 ; 

。 认识 Page_Load 事件 ; 

。 掌握 页 面 路 径 的 表示 方法 。 


2.1 ASPX 网 页 的 代码 存储 模式 


ASPX 网 页 是 网 站 的 一 个 成 员 , 存 在 于 网 站 目录 中 。 每 个 网 页 实际 上 是 一 个 表单 
(Form) ,运行 在 服务 器 端 。 

在 【解决 方案 资源 管理 器 〗 中 ,可 以 通过 添加 新 文件 项 。 右 击 新 项 所 在 的 目录 ,在 弹 
出 菜单 中 选择 [添加 】 ,继续 选择 [添加 新 项 ] 将 弹出 [添加 新 项 ] 对 话 框 (如 图 2. 1 所 示 )， 
在 左 侧 指定 Web 窗 体 使 用 的 编程 语言 (Visual C+# 、Visual Basic 等 支持 的 语言 ) ,然后 在 
【新 项 类 型 ] 列 表 中 选择 [Web 窗 体 】. 在 [名称] 处 输入 Web 窗 体 的 名 称 , 单 击 【添加 按钮 
即 可 添加 一 个 Web 窗 体 。 

Web 窗 体 页 面包 含 两 部 分 : 一 部 分 是 可 视 化 元 素 ,包括 标签 .服务 器 控件 及 静态 文 
本 等 ; 另 一 部 分 是 页 面 的 程序 逻辑 ,包括 事件 处 理 . 自 定义 方法 等 .. NET 使 用 两 种 模式 
来 组 织 这 些 页 面 元 素 和 代码 : 单一 文件 模式 和 代码 分 离 模式 (也 称 后 台 代码 模式 或 隐藏 
代码 模式 )。 可 以 在 两 种 模式 中 使 用 类 似 的 控件 和 代码 ,以 完成 相同 的 功能 ,只 是 要 注意 
使 用 的 具体 方式 稍 有 不 同 。 


24 Mer isu anni 














扩 诗 已 安装 并 板 (Ctrl+E) 





2 类 Visual cr 
| Web 应 用 程 斥 的 窗 体 
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图 2.1 Web 窗 体 代码 存储 模式 的 选择 











21.1 代码 分 离 模式 


代码 分 离 模式 将 可 视 化 元 素 和 程序 代码 分 别 放置 在 不 同 的 文件 中 。 一 个 网 页 文件 
分 为 名 称 相同 但 扩展 名 不 同 的 两 个 文件 。 界 面 的 显示 代码 部 分 的 扩展 名 是 . aspx, 相 关 
联 的 逻辑 代码 文件 的 扩展 名 是 . aspx. cs 或 . aspx. vb。 如 果 使 用 C# 语 言 ,文件 扩展 名 
为 . aspx. cs; 如 果 使 用 VB 语言 ,文件 扩展 名 为 . aspx. vb。 在 开发 环境 的 【解决 方案 资源 
管理 器 〗 中 逻辑 代码 文件 可 以 隐藏 ,因此 也 叫 作 隐藏 代码 文件 。 

操作 提示 : 在 添加 网 页 文件 时 ,选中 [将 代码 放 在 单独 的 文件 中 ] 复 选 框 (如 图 2. 1 所 
示 ) (默认 即 为 选中 状态 ) , 即 可 创建 代码 分 离 模式 的 网 页 。 


1. 页 面 显示 代码 文件 (. aspx) 


通过 HTML 视图 可 以 看 到 页 面 显示 代码 文件 中 的 代码 ,一 个 新 建 的 Web 窗 体 的 代 
码 示 例如 下 。 


< SQ@Page Language="C#" AutogventWireup= "true" CodeFile= "twoFile.aspx.cs" Inherits="_ 
Default" %> 
< !DOCTYPE html> 
<html xmlns= "http://www.w3.org/1999/xhtml"> 
<head runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
</head> 
<body> 
< form id= "forml™" runat= "server"> 


<div> 
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< /div> 
< /form> 

< /body> 

</html> 

代码 说 明 如 下 。 

(1) 第 1 行 代码 是 页 面 指示 符 , 也 叫 页 面 指令 。 页 面 指示 符 用 来 通知 编译 需 在 编译 
页 面 时 需要 做 出 相应 的 特殊 处 理 , 如 缓存 .使 用 命名 空间 等 。 页 面 指示 符 通常 在 文件 的 
头 部 。 这 里 ,@Page 定 义 ASP. NET 页 分 析 器 和 编译 器 使 用 的 页 (. aspx 文件 ) 特 定 属 
性 。 用 空格 分 隔 每 个 “属性 王 值 ? 对 。 每 个 页 面 只 能 包含 一 个 @Page 指令 。@Page 的 属 
性 Language 用 于 指定 代码 所 使 用 的 编程 语言 。 属 性 AutoEventWireup 指定 页 的 事件 是 
否 自动 绑 定 ,如 果 启 用 了 事件 自动 绑 定 , 则 为 true, 和 否则 为 false。 属 性 CodeFile 用 于 指定 
页 引用 的 隐藏 代码 的 文件 路 径 , 如 twoFile. aspx. cs。 属 性 Inherits 定义 了 页 继承 的 代码 
隐藏 中 的 类 ,如 _Default。CodeFile 和 Inherits 属性 一 起 使 用 可 以 将 代码 隐藏 源 文件 和 
显示 代码 文件 相关 联 。 

除了 @ Page 页 面 指令 ,ASP. NET 的 常用 页 面 指令 还 有 @ Control、 @ Master、 
@Import, @ Implement, @ Reference, @ OutputCache @ Register 等 。@ Control 、@ 
Master 和 (@ Register 将 在 后 续 章节 讲解 。 

(2) 第 2 行 代 码 二 !IDOCTYPE html> 是 声明 文档 类 型 是 HTML ,支持 HTML5 的 
规则 。DOCTYPE 为 文档 类 型 声明 ,是 DOCument TYPE( 文 档 类 型 ) 的 缩写 。 文 档 类 型 
声明 不 是 每 个 文档 必需 的 ,如 果 网 页 文档 中 没有 文档 类 型 声明 ,浏览 器 会 采用 默认 的 方 
式 , 即 W3C 推荐 的 HTML 4.0 来 处 理 此 HTML 文档 。 

(3) 第 3 行 代码 二 html xmlns 王 "http://www. w3. org/1999/xhtml" 之 是 HTML 
开始 标记 ,二 /html 二 是 对 应 的 结束 标记 。 在 HTML 代码 中 , 仅 有 二 html 玫 … 达 /html>， 
而 在 XHTML 代码 中 使 用 二 html xmlns = 二 "http://www. w3. org/1999/xhtml" 之 
二 /html。 其 中 ,xmlns 是 XHTML namespace 的 缩写 , 即 XHTML 命名 空间 ,用 来 声 
明 网 页 内 所 用 到 的 标记 属于 哪个 命名 空间 。 这 里 指定 http://www. w3. org/1999/ 
xhtml, 说 明 整 个 网 页 标记 应 符合 XHTML 规范 。 

(4) 其 余 代码 的 标记 是 HTML 的 结构 标记 , 头 标记 过 head> .主体 标记 过 body> 
等 。 属 性 runat= "server" 说 明 是 服务 器 端 运行 的 Form。 

开发 人 员 可 以 在 该 代码 的 基础 上 添加 页 面 设 计 元 素 和 样式 的 代码 ,也 可 以 通过 【 设 
计 了 视图 工 属性 了 窗口 设置 等 自动 生成 对 应 的 代码 。 


2. 逻辑 处 理 代码 文件 (. aspx. cs) 


新 建 代码 分 离 模式 的 Web 窗 体 时 ,人 逻辑 处 理 代码 文件 自动 创建 , 且 与 . aspx 关联 。 
在 新 建 的 逻辑 处 理 代码 文件 中 也 已 经 自动 添加 了 部 分 代码 ,示例 如 下 。 

using System; 

using System.Collections.Generic; 


using System.Linqg; 
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using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 


public partial class Default : System.Web.UI.Page 

‘ 
protected void Page Load (object sender, EventArgs e) 
{ 


} 
: 


1) 命名 空间 引用 

using 语句 为 一 系列 命名 空间 引用 的 语句 ,using 是 关键 字 。 可 根据 需要 继续 添加 其 
它 using 语句 。 

2) 定义 类 的 基 类 

下 面 的 语句 是 对 网 页 类 定义 的 框架 。 





public partial class Default : System.Web.UI.Page 
} 


此 代码 定义 了 一 个 名 为 _Default 的 分 布 式 类 , 它 派 生 于 System. Web. UI. Page。 修 
饰 词 partial class 代替 了 传统 的 class, 说 明 是 网 页 上 一 个 “分 布 式 类 ”。 类 中 可 以 包含 所 
需要 的 事件 方法、 属性 等 代码 。 

网 页 是 网 站 的 基本 组 成 部 分 。 每 个 ASPX 网 页 都 直接 或 间接 地 继承 类 库 中 的 类 
System. Web. UI. Page。 在 Page 类 中 已 经 定义 了 网 页 所 需要 的 基本 属性 、 事 件 和 方法 ， 
新 生成 的 ASPX 网 页 自动 继承 该 类 ,具备 了 网 页 的 这 些 功能 。 

那么 ,什么 是 分 布 式 类 ,为 什么 要 使 用 分 布 式 类 ,在 使 用 的 时 候 又 有 哪些 规则 呢 ? 

有 的 类 具有 比较 复杂 的 功能 ,因而 拥有 大 量 的 属性 、 事 件 和 方法 。 如 果 将 这 些 代码 
都 写 在 一 起 ,文件 会 很 庞大 ,代码 的 行 数 也 会 很 多 ,不 便于 阅读 和 调试 。 为 了 降低 文件 的 
复杂 性 ,. NET 提出 了 “分 布 式 类 ”的 概念 。 

在 分 布 式 类 中 ,类 的 定义 允许 分 散 到 多 个 代码 片段 之 中 ,而 这 些 代码 片段 又 可 以 存 
放 到 两 个 或 两 个 以 上 的 源 文 件 中 ,每 个 文件 只 包含 类 定义 的 一 部 分 。 只 要 所 有 文件 使 用 
了 相同 的 命名 空间 、 相 同 的 类 名 和 相同 的 可 访问 性 (public、private 等 ), 而 且 每 个 类 的 定 
义 中 在 类 名 前 加 上 partial 修饰 符 , 编 译 器 就 会 自动 将 这 些 文件 编译 到 一 起 ,形成 一 个 完 
整 的 类 。 

例如 ,有 expl. cs 和 exp2. cs 两 个 文件 ,代码 如 下 。 


// 文 件 名 为 expl.cs 的 代码 


using System; 





public partial class partClass 
{ 
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public void SomeMethod () 
{ 
} 
} 
// 文 件 名 为 exp2.cs 的 代码 
using System; 
public partial class partClass 
人 
public void SomeOtherMethod () 
{ 
} 


expl. cs 和 exp2. cs 两 个 文件 使 用 相同 的 类 名 partClass, 都 有 public 和 partial 修饰 
符 ,partClass 即 为 分 布 式 类 。 在 编译 时 ,自动 将 两 个 文件 中 的 方法 SomeMethod () 和 
SomeOtherMethod() 合 并 到 一 起 ,成 为 一 个 类 partClass, 供 程序 调用 。 

代码 隐藏 模式 下 ,文件 的 结构 模型 如 图 2. 2 所 示 。 








继承 
| 网 页 的 基 类 上 显示 代码 文件 
System.Web.Ul.Page _Default.aspx 
继承 生成 
逻辑 代码 文件 _Default.aspx.cs 扩展 显示 代码 文件 _Default.aspx 
public partial class _Default : System.Web.Ul.Page | public partial class _Default : System.Web.Ul.Page 
1 
} } 
生成 


+ 


生成 的 最 终 类 

public class _Default : System.Web.UI.Page 
{ 

} 


2.2 代码 隐藏 模式 下 的 文件 结构 模型 


212 单一 文件 模式 
在 单一 文件 模式 下 ,页 面 的 标签 和 人 逻辑 代码 在 同一 个 .aspx 文件 中 。 代 码 示例 如 下 。 


< %@Page Language= "C# " $> 

< !DOCTYPE html> 

< script runat= "server"> 
protected void Page Load (object sender, EventArgs e) 
{ 
} 

</script> 

<html xmlns= "http://www.w3.org/1999/xhtml"> 


<head runat= "server"> 
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<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 

</head> 

<body> 
< form id= "forml" runat= "server"> 


<div> 


</div> 
< /form> 
< /body> 
</html> 
从 代码 可 以 看 出 ,人 逻辑 程序 的 代码 包含 在 二 script runat 二 "server" 之 过 /script 祖 的 
服务 器 程序 脚本 代码 块 中 ,如 本 程序 中 包含 Page_Load 事件 的 定义 。 


Protected void Page Load (object sender, EventArgs e) 

{ 

} 

只 要 在 类 文件 中 可 以 使 用 的 都 可 以 在 此 处 进行 定义 。 运 行 时 ,单一 文件 页 面 被 视 为 
继承 Page 类 。 

与 JavaScript 脚本 代码 块 不 同 的 是 多 了 runat= "server" ,指定 代码 块 需要 在 服务 器 
端 运行 。 

综 上 所 述 ,单一 文件 模式 和 代码 分 离 模式 各 有 特点 。 因 此 ,建议 对 于 那些 迎 辑 代码 
不 太 复 杂 的 网 页 ,最 好 采用 单一 文件 模式 ;代码 分 离 模式 的 好 处 在 于 ,页 面 样式 代码 和 好 
辑 处 理 代码 分 离 使 维护 变 得 简单 高 效 ,有 利于 开发 团队 开发 ,对 于 人 逻辑 代码 比较 复杂 的 
网 页 来 说 ,最 好 采用 代码 分 离 模 式 。 

















22 Web 页面 之 间 的 转向 


ASP. NET 网 站 中 可 以 添加 的 Web 页 面包 括 静 态 页 面 和 动态 页 面 ,用 户 经 常会 在 这 
些 页 面 之 间 跳 转 。Web 页 面 之 间 跳 转 是 网 站 中 经 常 发 生 的 动作 。 在 ASP. NET 中 可 以 
有 多 种 方式 实现 页 面 跳 转 , 在 跳 转 的 同时 将 源 页 面 的 重要 信息 (参数 ) 传 递 到 目标 页 面 ， 
称 作 页 面 间 的 参数 传递 。 使 用 不 同 的 页 面 跳 转 和 参数 传递 方法 ,其 外 观 效果 ,安全 性 、 运 
行 效 率 也 不 同 。 

常用 的 超级 链接 即 可 以 实现 HTML 页 面 和 ASPX 页 面 之 间 的 相互 跳 转 ,如 : 


<a href= "oneFile.aspx" target=" blank"> 超 级 链 接 < /a> 


将 从 包含 代码 的 页 面 跳 转 到 oneFile. aspx。 在 第 3 章 中 还 会 讲 到 ASP. NET 提供 的 
服务 器 端 控件 HyperLink, 功 能 同 二 a 二 标记 类 似 。 

HTML 表单 的 Action 属性 和 Method 属性 ,可 以 实现 从 HTML 表单 提交 到 ASPX 
页 面 ,但 是 不 能 从 ASPX 页 面 到 HTML 页 面 ,因为 ASPX 页 面 不 支持 这 两 个 属性 。 
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为 了 实现 动态 跳 转 功 能 ,ASP. NET 还 有 很 多 控件 都 可 以 设置 NavigateUrl 属性 来 
实现 页 面 转向 功能 ,这 将 在 后 面 的 章节 逐渐 讲 到 。ASP. NET 提供 的 Response 对 象 的 
Redirect 方法 和 Server 对 象 的 Transfer 方法 实现 页 面 跳 转 非常 方便 ,Request 对 象 实现 
参数 接收 功能 。 下 面 介 绍 Response 对 象 .Server 对 象 .Request 对 象 及 Web 表单 。 


221 Response 对象 

Response 对 象 是 ASP. NET 的 一 个 内 置 对 象 ,是 HttpResponse 类 的 一 个 实例 。 它 
可 以 动态 地 响应 客户 端的 请 求 ,并 将 动态 生成 的 响应 结果 返回 给 客户 端 浏 览 器 。 

Response 提供 了 两 个 方法 : Write() 和 Redirect() 。 

1. Write() 方 法 

Write() 方 法 的 功能 是 向 浏览 器 输出 字符 串 。 调 用 格式 : 

Response.Write ("要 输出 的 内 容 "); 

输出 的 内 容 可 以 为 普通 字符 .HTML 标记 、JavaScript 脚本 代码 等 ,如 : 


Response.Write ("输出 内 容 !"); 
Response.Write(" 输 出 内 容 !<br>"); 


调用 JavaScript 的 alert 方法 ,如 : 
Response.Write ("< script language= 'javascript'>alert (' 请 准备 好 ');< /script>"); 


还 可 以 通过 Response. Write 方法 调用 JavaScript 脚本 中 的 Open 方法 来 实现 打开 
其 他 页 面 的 目的 , 它 只 是 以 窗口 的 形式 打开 。 如 : 





Response.Write ("< script language= 'javascript'> open('default .aspx', 'hello'， 
"toolbar= yes,width= 600, height= 400');script> "); 


或 同时 传递 参数 : 


Response.Write ("< script language= 'jJavascript'> open ('default .aspx? name= 123','hello',"' 


toolbar= yes,width= 600, height= 400') ;script> "); 
注意 : 上 面 代码 中 引号 的 配对 问题 ,标点 符号 为 英文 状态 下 。open 方法 的 调用 格式 : 


open (" 页 面 地 址 "，" 窗 口 名 "，" 窗 口 风格 "); 


2. Redirect() 方 法 

Redirect() 方 法 的 功能 是 使 网 页 重 定向 到 指定 的 网 页 ,并 可 以 通过 参数 传递 信息 。 
调用 格式 : 

Response.Redirect ("目标 文件 路 径 [? 参 数列 表 ]"); 

目标 文件 路 径 是 要 转向 到 的 页 面 ,如 : 
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Response.Redirect ("default2.aspx"); 
转向 到 当前 路 径 下 的 网 页 default2. aspx。 
Response.Redirect ("http://www.163.com"); 


转向 到 其 他 网 站 http://www. 163. com。 
参数 列表 是 可 选 的 ,如 Response. Redirect("default2. aspx"); 即 只 转向 到 default2 
. aspx 页 面 ,不 传递 参数 。 
而 代码 
Response.Redirect ("index.aspx?name= rose"); 
则 是 跳 转 到 index. aspx 页 面 的 同时 向 它 传递 一 个 参数 name ,参数 的 值 是 rose。 
Response.Redirect ("index.aspx?name= rose&pwd= flower"); 


是 跳 转 到 index. aspx 页 面 的 同时 向 它 传递 两 个 参数 name 和 pwd, 参 数值 分 别 是 rose 和 
flower。 参 数 有 多 个 时 用 & 分 隔 。 
要 注意 的 是 要 跳 转 到 的 页 面 资源 在 指定 路 径 下 必须 是 存在 的 ,否则 会 出 错 。 
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Request 对 象 是 HttpRequest 类 的 一 个 实例 。 它 的 功能 是 从 客户 端 接收 信息 , 它 封 
装 了 客户 端 请 求 的 信息 。 这 些 信息 包括 URL 参数 传递 的 信息 ,HTML 表单 中 用 post 或 
get 方法 提交 参数 和 Cookie 以 及 客户 端的 IP 等 。 

QueryString 接收 URL 中 的 请 求 参 数 ,包括 get 方法 提交 的 数据 和 Redirect 方法 传 
送 的 数据 。 它 的 调用 格式 是 : 


Request .QueryString[" 参 数 名 "]; 
如 : 
string str=Request .QueryString["name"]; 


为 接收 URL 中 的 参数 name, 并 将 参数 的 值 保存 在 string 变量 str 中 。 

【实例 2-1】 用 Response 对 象 和 Request 对 象 一 起 实现 登录 时 的 页 面 转向 并 传递 参 
数 用 户 名 和 密码 。 

(1) 新 建 一 个 空 网 站 chapter2 ,添加 三 个 Web 页 面 , 即 2-1. aspx、2-l-index. aspx 和 
2-1-zhuce. aspx 页 面 。 

(2) 在 2-1.aspx 中 , 单 击 菜单 [ 表 】 >【 插 入 表 】 ,弹出 【插入 表 】 对 话 框 ,插入 三 行 两 列 
的 一 个 Table, 再 从 【工具 箱 】 中 拖 放 两 个 Label, 两 个 TextBox, 一 个 Button。 在 HTML 
视图 中 添加 一 个 [新 用 户 注册 了 超级 链接 。 

(3) 修改 Labell .Label2 的 Text 值 分 别 为 “用 户 名 : ”、“ 密 ” 码 :”; Button 的 Text 
值 为 “登录 ”。 生 成 如 下 HTML 代码 。 


< SQ@Page Language= "C# "RutoPventWireup= "true" CodeFile="2- 1.aspx.cs" 
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Inherits=" 2 1" $> 
< IDOCTYPE html> 
<html xmlns= "http://www-w3.org/1999/xhtml "> 
<head runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
<style type= "text/css"> 
-auto- stylel { 
width: 100%; 
} 
-auto- style2 { 
height: 23px; 
站 
-auto- style3 { 
height: 23px; 
width: 69px; 
} 
-auto- style4 { 
width: 69px; 
} 
</style> 
< /head> 
<body> 
< form id= "forml" runat= "server"> 
<div> 
&nbsp;< table class= "auto- stylel"> 
<tr> 
<td class= "auto- style3"> 
<asp:Label ID= "Labell" runat= "server" Text=" 用 户 名 : ">< /asp:Label> 
</td> 
<td class= "auto- style2"> 
<asp:TextBox ID= "TextBox1" runat= "server"> < /asp:TextBox>< /td> 
</tr> 
<tr> 
<td class= "auto- style4"> 
<asp:Label ID= "Label2" runat= "server" Text=" 密 码 : ">< /asp:Label> 
</td> 
<td> 
< asp:TextBox ID= "TextBox2" runat= "server">< /asp:TextBox>< /td> 
</tr> 
<tr> 
<td class= "auto- style4"> gnbsp; gnbsp; </td> 
< td> gnbsp; 
<asp:Button ID= "Button1"” runat= "server" OnClick= "Button1 Click" Text= 
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"登录 " /> 
&nbsp; <a href="2- 1- zhuce.aspx" target=" blank"> 新 用 户 注册 
</a></td> 
</tr> 
</table> 
&nbsp; gnbsp; gnbsp;< /div> 
< /form> 
< /body> 
</html> 


(4) 在 2-1. aspx 中 ,双击 Buttonl 按钮 ,在 自动 添加 的 Buttonl_Click 中 填写 代码 后 如 下 。 


protected void Buttonl Click (object sender, EventArgs e) 
{ 
// 跳 转 到 2- 1- index.aspx, 并 传 参数 name 
Response.Redirect ("2- 1- index.aspx?name=" + TextBox] .Text); 


} 
(5) 在 2-1-index. aspx. cs 中 ,接收 传递 的 参数 name 并 显示 出 来 ,代码 如 下 。 


protected void Page Load (object sender, EventArgs e) 
{ 
// 使 用 Querystring 接收 参数 name 
string strname= Request .QueryString["name"]; 
Response.Write ("欢迎 "+ strname + "登录 "); 
} 


(6) 运行 2-1. aspx 页 面 ,效果 如 图 2. 3 所 示 。 单 击 【 登 录 】 按 钮 跳 转 到 2-1-index 


.aspx, 用 户 输入 的 用 户 名 传递 并 显示 到 2-1-index. aspx 页 面 (如 图 2.4 所 示 )。 单 击 【 新 
用 户 注册 链接 将 跳 转 到 2-1-zhuce. aspx 页 面 。 


Request 还 有 多 个 属性 ,主要 有 : 

。 Params: 获取 QueryString、Form、Cookies 和 ServerVariables 项 的 组 合集 合 。 
Path: 获取 当前 请 求 的 虚拟 路 径 。 

。 PhysicalPath: 获取 与 请 求 的 URL 相对 应 的 物理 文件 系统 路 径 。 

Url: 获取 有 关 当 前 请 求 的 URL 的 信息 。 

。 UserHostAddress: 获取 远程 客户 端的 IP 主机 地 址 。 

。 UserHostName: 获取 远程 客户 端的 DNS 名 称 。 
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Server 对 象 提供 对 服务 器 上 访问 的 方法 和 属性 ,大 多 数 方法 和 属性 是 作为 实用 程序 


的 功能 提供 的 。Server 对 象 的 Transfer 方 法 可 以 终止 当前 页 面 的 执行 ,并 开始 执行 新 的 
请 求 页 ,或 使 用 下 xecute 方法 使 用 另 一 页 执行 当前 请 求 , 同 样 可 以 实现 页 面 的 跳 转 。 如 实 
例 2-1 中 ,使 用 Transfer() 的 代码 : 


Server.Transfer ("2- 1- index.aspx?name=" + TextBox] .Text); 
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图 2.3 2-1. aspx 页 面 上 输入 信息 的 效果 


mr】 [localhost23666/chapter2/ X 


《 > BD 从 http://ocalhost:23666/chapter2/2-1-index.aspx?name=meiming 


欢迎 meiming 登 录 





图 2.4 登录 跳 转 到 2-1-index. aspx 的 效果 


它 还 有 如 下 其 他 常用 属性 和 方法 。 


(1) MachineName 属性 : 获取 服务 器 的 计算 机 名 称 。 
(2) HtmlEncode 方 法 : 对 要 在 浏览 器 中 显示 的 字符 串 进 行 编码 。 
(3) MapPath 方法 : 将 虚拟 路 径 转换 为 物理 路 径 。 


224 Web 表单 


每 个 ASPX 网 页 都 是 一 个 Web 表单 (Form)。 


与 HTML 页 面 中 的 HTML 表单 不 


同 的 是 ,在 Web 表单 (Form) 中 均 会 有 一 个 runat= "server" 的 属性 设置 ,表明 该 表单 是 基 


于 服务 器 运行 的 。 


由 于 运行 机 制 不 同 , Web 表单 不 支持 HTML 表单 中 的 Action 和 Method 属性 。 
Action 用 于 指定 提交 到 的 页 面 路 径 , Method 表示 传递 信息 的 方式 (get/post/ default)。 

【实例 2-2】 使 用 表单 的 Action 属性 实现 从 HTML 页 面 跳 转 到 ASPX 页 面 。 

(1) 打开 Visual Studio 2012。 选 择 〖 文 件 ]>【 打 开 】>【 网 站 】> 弹 出 【打开 网 站 ] 窗 


口 一 选中 【文件 系统 了 ~ 选中 网 站 根 目 录 , 如 D:\ 
chapter2( 如 图 2.5 所 示 ) 一 单 击 [ 打 开 ] 按 钮 ,可 打 
开 已 经 存在 的 网 站 chapter2( 如 果 chapter2 网 站 
已 经 打开 , 则 忽略 本 操作 ) 。 

(2) 新 建 一 个 2-2. htm 和 2-2. aspx 网 页 。 在 
2-2. htm 中 ,从 【工具 箱 了 中 拖 放 两 个 Input(text) 
和 一 个 Input(Csubmit) 。 两 个 Input(text) 的 name 
分 别 为 xixi、haha, value 值 设 为 “abcdefg”、 
“hhhhhhhh”。 在 HTML 视图 中 添加 Action 属 
性 和 Method 属性 , 属性 值 分 别 为 2-2 
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图 2.5 打开 网 站 的 目录 选择 窗口 
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.aspx 和 get, 生 成 的 代码 如 下 。 


< !IDOCTYPE html> 

<html xmlns= "http://www.w3.org/1999/xhtml"> 

<head> 

<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 

</head> 

<body> 
< form action= "2- 2.aspx" method= "get"> 
<p> 
< input id= "Text1" type= "text" name= "xixi" value= "abcdefg" /> 
<input id=- "Submit1" type= "submit" value= "submit"/><br /> 
<input id= "Text2" type= "text" name= "haha" value= "hhhhhhhh"/> 
</p> 
< /form> 

< /body> 

< /html> 


(3) 在 2-2. aspx. cs 文件 中 ,添加 如 下 代码 。 


Protected void Page Load (object sender, EventArgs e) 

{ 
string strl=Request .QueryString["xixi"]; 
string str2=Request .QueryString["haha"]; 
Response.Write (strl+ "<br/> "+ str2); 

} 


(4) 运行 2-2. html, 效 果 如 图 2.6 所 示 , 文 本 框 内 的 文本 可 以 修改 , 单 击 submit 按 
钮 , 跳 转 到 2-2. aspx 页 面 ,并 显示 传递 的 两 个 文本 框 内 的 文字 (如 图 2.7 所 示 ) 。 


[S localhost23666/chapter2! X 
《 > © 9 http//ocalhost23666/chapter2/2-2.html 





abcdefg [submit | 
hhhhhhhh 




















2.6 页 面 2-2. html 的 运行 效果 


[5 localhost23666/chapter2! X 
Lo > < a } 从 http://localhost:23666/chapter2/2-2.aspx?xixi=abcdefg&haha=hhhhhhhh 





abcdefg 
hhhhhhhh 





图 2.7 提交 后 跳 转 到 2-2. aspx 的 效果 
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本 例 中 如 果 将 2-2. html 页 面 中 的 Method 的 属性 值 改 为 post, 则 2-2. aspx 用 
Request. Form. Get() 接 收 提 交 的 数据 ,如 : 


string strl=Request .Form.Get ("xixi"); 


23 页 面 的 生命 周期 


ASP. NET 页 面 从 开始 运行 到 结束 将 经 历 一 系列 的 处 理 步骤 ,这 一 过 程 称 为 页 面 的 
生命 周期 。 这 一 系列 的 步骤 包括 : 初始 化 .实例 化 控件 .还 原 和 维护 状态 .运行 事件 处 理 
an 为 了 写 出 适合 生命 周期 不 同 阶段 的 代码 ,需要 对 页 面 的 生 
命 周 期 有 一 定 的 认识 和 理解 。 此 外 ,如 果 要 开发 自 定义 控件 ,就 必须 熟悉 页 面 的 生命 周 
期 ,以 便 正确 初始 化 控件 ,使 用 视图 状态 数据 填充 控件 属性 以 及 运行 所 有 控件 的 行为 
代码 。 

ASP. NET 页 面 的 生命 周期 过 程 如 下 。 

(1) 页 请 求 : 页 请 求 发 生 在 页 生命 周期 开始 之 前 。 当 用 户 请 求 页 时 ,ASP. NET 将 
确定 是 否 需要 分 析 和 编译 页 (从 而 开始 页 的 生命 周期 ) ,或 者 是 否 可 以 在 不 运行 页 的 情况 
下 发 送 页 的 缓存 版 本 以 进行 响应 。 

(2) 开始 : 此 阶段 ,将 设置 页 属性 ,如 Request 和 Response 对 象 。 也 还 将 确定 浏览 
器 发 送 来 的 请 求 是 回 发 请 求 (false) 还 是 新 请 求 (true), 并 设置 IsPostBack 属性 。 因 此 ， 
程序 员 在 后 续 阶段 也 可 以 根据 IsPostBack 属性 值 判断 是 回 发 请 求 还 是 新 请 求 , 并 写 代 
码 ,完成 相应 功能 。 

(3) 页 初始 化 : 页 初始 化 期 间 , 可 以 使 用 页 中 的 控件 ,并 设置 每 个 控件 的 UniqueID 
属性 。 此 外 ,任何 主题 都 将 应 用 于 页 。 如 果 当 前 请 求 是 回 发 请 求 , 则 回 发 数据 尚未 加 载 ， 
并 且 控 件 属性 值 尚 未 还 原 为 视图 状态 中 的 值 。 

(4) 加 载 : 加 载 期 间 , 如 果 当 前 请 求 是 回 发 请 求 , 则 将 使 用 从 视图 状态 (ViewState) 
和 控件 状态 恢复 的 信息 加 载 控件 属性 。 

(5) 验证 : 在 验证 期 间 , 将 调用 所 有 验证 程序 控件 的 Validate 方法 ,此 方法 将 设置 各 
个 验证 程序 控件 和 页 的 IsValid 属性 。 

(6) 处 理 回 发 事件 : 如 果 请 求 是 回 发 请 求 , 则 将 调用 所 有 事件 处 理 程序 。 

(7) 呈现 : 在 呈现 之 前 ,会 针对 该 页 和 所 有 控件 保存 视图 状态 。 在 呈现 阶段 ,页 会 针 
对 每 个 控件 调用 Render 方法 , 它 会 提供 一 个 文本 编辑 器 ,用 于 将 控件 的 输出 写 入 页 的 
Response 属性 的 OutputStream 中 。 

(8) 印 载 : 完全 呈现 页 并 已 发 送 至 客户 端 ,准备 丢弃 该 页 时 ,将 调用 秃 载 ,触发 Page_ 
UnLoad 事件 。 将 印 载 页 属性 (如 Response 和 Request) 并 执行 清理 操作 。 

在 生命 周期 过 程 中 ,会 自动 调用 多 个 事件 , 如 Page_Init、Page_Load、Page _ 
PreRender、Page_Unload 等 Page_Load 事件 是 在 页 面 加载 过 程 中 自动 触发 这 个 事件 ， 
开发 人 员 可 以 在 事件 中 编写 控件 属性 设置 的 代码 。 可 以 在 代码 文件 中 编写 如 实例 2-3 所 
示 的 代码 ,来 测试 各 个 事件 的 执行 顺序 ,运行 效果 如 图 2. 3 所 示 。 
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【实例 2-3】 生命 周期 测试 。 
(1) 打开 文件 系统 网 站 chapter2, 新 建 一 个 代码 分 离 模式 的 Web 窗 体 2-3. aspx, 在 
2-3. aspx. cs 中 编写 如 下 代码 。 


protected void Page PreInit (object sender, EventArgs e) 
江 
Labell.Text +="Page _ PreInit<hr> "7 
Protected void Page Init (object sender, EventArgs e) 
上 
Labell.Text +="Page Init<hr> "7 
二 
protected void Page Load (object sender, EventArgs e) 
{ 
Labell.Text +="Page Load<hr>"; 
} 
Protected void Page PreLoad (object sender, EventArgs e) 
{ 
Labell.Text +="Page PreLoad<hr>"; 
} 
Protected void Page UnLoad (object sender, EventArgs e) 
{ 
Labell.Text +="Page UnLoad<hr>"; 
} 
Protected void Page PreRender (object sender, EventArgs e) 
{ 
Labell.Text +="Page PreRender<hr>"; 
} 


(2) 运行 2-3. aspx, 效 果 如 图 2. 8 所 示 。 说 明 事 件 按 照 Page_Prelnit、 Page_Init、 
Page_PreLoad、Page_Load 和 Page_PreRender 的 顺序 执行 。 





[9 Iocalhost20035/WebSite2 X 
《 > 人马 9 六 htpWocahostz ~v> 轩 国 凶 三 








Page_PreInit 





Page_Init 





Page_PreLoad 





Page_Load 





Page_PreRender 











图 2.8 测试 事件 执行 顺序 的 运行 效果 
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ASP. NET 是 基于 服务 器 的 事件 驱动 模型 。 当 事件 (鼠标 或 键盘 操作 及 引起 的 页 面 
变化 等 ) 发 生 时 ,将 会 执行 对 应 的 代码 ,否则 不 执行 。 事 件 包 括 MouseOver、 
MouseDown Click TextChanged CheckChanged 等 。ASP. NET 主要 基于 服务 器 的 处 
理 模 型 ,同时 也 支持 浏览 器 事件 处 理 ,尤其 是 一 些 发 生 频率 特别 高 的 事件 ,如 鼠标 离开 
(MouseMove) ,鼠标 移 到 控件 的 上 方 (MouseOver) ,没有 必要 也 不 允许 传送 到 服务 器 去 
处 理 , 这 些 事件 只 能 在 浏览 器 端 进行 处 理 。 服 务 器 事件 将 在 第 3 章 中 讲解 。 

【实例 2-4】 浏览 器 事件 在 aspx 网 页 中 的 使 用 。 

(1) 打开 Visual Studio 2012 ,选择 【文件 了 并 打开 本 拭 网 站 了 ~ 弹出 [打开 网 站 了 窗口 
一 选中 网 站 根 目 录 D:\chapter2 悦 单 击 【 打 开 ] 按 钮 , 即 可 打开 chapter2 网 站 。 

(2) 在 网 站 【解决 方案 资源 管理 器 】 中 , 右 击 根 目录 chapter2- 拭 添加 了- 并 新 加 文件 
夹 〗 如 图 2.9 所 示 ) ,并 命名 为 images ,并 在 images 文件 夹 中 放 入 三 个 图 像 文 件 : 1. jpg、 
2.jpg 和 3.jpg。 
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(3) 在 根 目录 下 再 添加 一 个 Web 页 面 2-4. aspx。 打 开 【 设 计 了 视图 ,从 【工具 箱 了 的 
HTML 选项 卡 中 , 拖 放 一 个 Image 控件 ,并 在 【属性 了 窗口 中 设置 src 属性 为 images/ 
1.jpg',alt 属性 为 no picture, 将 自动 生成 对 应 的 HTML 代码 。 在 源 视 图 中 添加 代码 : 
onmouseover 一 "this. src='images/2. jpg" onmouseout 二 "this. src='images/3. jpg"。 最 


终 代 码 如 下 。 


< img id="tt" src="images/1.jpg" onmouseover= "this.src= 'images/2.jpg'" onmouseout=" 
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this.src= 'images/3.jpg'" alt= "no picture"/> 

注意 : 不 同属 性 之 间 用 空格 隔 开 。 

(4) 运行 页 面 2-4. aspx, 查 看 效果 (如 图 2. 10 所 示 )。 当 鼠标 移动 到 图 片上 方 时 和 离 
开 时 将 分 别 显 示 2.jpg 和 3.jpg。 











2. 10 ”browserEvent. aspx 运行 的 初始 状态 


25 路 么 和 运 复 符 


在 网 站 文件 结构 中 ,可 以 创建 文件 夹 ,组 织 许 多 网 页 等 文件 。 在 代码 中 常常 需要 访 
问 或 调用 这 些 存 放 在 不 同 路 径 下 的 文件 ,如 aspx 网 页 .图 像 。 在 ASP. NET 中 ,文件 路 
径 主要 有 以 下 三 种 形式 。 路 径 运算 符 有 一 (网 站 根 目 录 )、..( 父 目录 )、/( 分 隔 符 )。 


1. 绝对 URL 路 径 


绝对 URL 路 径 就 是 文件 的 完整 路 径 , 如 https://list. tmall. com/search_product 
. htm 表示 天 猫 网 站 根 目录 下 的 search_product. htm 页 面 、www. baidu. com/image/cat 
.jpg 表示 位 于 www. baidu. com 这 个 网 站 的 根 目录 下 的 image 文件 夹 下 的 cat. jpg 文件 。 


2. 相对 于 当前 网 页 的 路 径 


当前 网 页 即 为 写 当 前 路 径 代 码 的 文件 或 当前 被 浏览 的 网 页 ,有 两 种 表达 方式 。 这 种 
表达 方式 代码 简短 ,不 受 域名 或 网 站 位 置 的 影响 , 仅 与 网 站 内 部 文件 结构 有 关 。 

如 image/cat. jpg 表示 和 当前 被 浏览 的 网 页 同 级 的 image 文件 夹 下 的 cat. jpg 文件 。 

../image/cat. jpg 表示 和 当前 页 面 的 父 目 录 同 级 的 image 文件 夹 下 的 cat. jpg 文件 。 


3. 相对 于 网 站 根 目录 的 路 径 


如 果 移 动 绝对 路 径 指 向 的 应 用 程序 , 则 链接 将 会 中 断 。 如 果 将 含有 相对 路 径 的 资源 
或 页 面 移动 到 不 同 的 文件 夹 , 也 将 出 错 。 为 克服 这 些 缺点 ,ASP. NET 提供 了 Web 应 用 
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程序 根 目录 运 算 符 (一 ) ,在 服务 器 控件 中 指定 路 径 时 可 以 使 用 该 运算 符 。ASP. NET 会 
将 一 运算 符 解析 为 当前 应 用 程序 的 根 目录 。 网 站 根 目录 即 网 站 根 文件 夹 (如 图 2. 11 所 
示 ) ,如 一 /image/cat. jpg 表示 网 站 根 目 录 下 的 image 文件 夹 下 的 cat. jpg 文件 。 
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小 结 


= 


ASP. NET 提供 的 Web 窗 体 实际 上 是 一 个 运行 在 服务 器 端的 表单 ,其 扩展 名 是 
.aspx, 又 叫 作 ASPX 网 页 。 

本 章 首先 介绍 了 ASPX 网 页 的 代码 存储 模式 : 代码 分 离 模式 和 单一 文件 模式 。 显 示 
代码 文件 (. aspx) 都 有 一 个 @Page 页 面 指令 ,使 用 相应 属性 与 逻辑 代码 文件 . aspx. cs 
(C# ) 或 .aspx. vb(VB) 相 关联 。 人 逻辑 代码 文件 都 自动 继承 了 System. Web. UI. Page 基 
类 ,具备 了 基 类 已 经 定义 好 的 一 些 属性 ,可 以 调用 基 类 已 经 定义 好 的 对 象 和 事件 等 。 关 
于 代码 模式 的 选择 ,建议 对 于 那些 逻辑 代码 不 太 复杂 的 网 页 ,最 好 采用 单一 文件 模式 ; 代 
码 分 离 模式 的 好 处 在 于 ,页 面 样式 代码 和 逻辑 处 理 代 码 分 离 使 维护 变 得 简单 高 效 ,对 于 
逻辑 代码 比较 复杂 的 网 页 来 说 ,最 好 采用 代码 分 离 模式 。 

然后 ,介绍 了 ASP. NET 页 面 从 开始 运行 到 结束 的 过 程 , 称 为 页 面 的 生命 周期 。 页 
面 会 经 历 初始 化 、 实 例 化 控件 .还 原 和 维护 状态 .运行 事件 处 理 程序 代码 以 及 呈现 给 
几 户 = 

指定 页 面 等 文件 路 径 时 经 常用 到 路 径 运算 符 。 每 个 网 页 实际 上 是 一 个 Web 表单 ， 
是 一 个 运行 在 服务 器 端的 表单 。 介 绍 了 用 Response 对 象 和 Request 对 象 实现 页 面 间 的 
转向 及 用 Request 接收 HTML 表单 提交 的 数据 。 
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旨 后 习题 








1. 填空 题 

(1) 使 用 C# 编程 语言 的 ASP.NET Web 窗 体 的 代码 文件 扩展 名 是 

(2) ASPX 网 页 的 代码 存储 模式 有 两 种 ,它们 是 和 5 

(3) 所 谓 分 布 式 类 就 是 在 多 个 文件 中 使 用 相同 的 命名 空间 ,相同 的 ,相同 的 

,而 且 每 个 类 的 定义 前 面 都 加 上 修饰 符 , 编 译 时 编译 器 就 会 自动 将 这 

些 文件 编译 成 一 个 完整 的 类 。 

(4) @Page 中 的 属性 和 属性 将 . aspx 文件 和 . aspx. cs 文件 关联 起 
浅 了。 

(5) runat 一 "server" 表 示 

2. 选择 题 


(1) @Page 指令 中 属性 CodeFile 的 作用 是 ( 5 
A. 指定 页 引用 的 隐藏 代码 的 文件 路 径 ”B. 指定 继承 的 类 


C. 指定 是 否 是 代码 分 离 模式 D. 指定 页 的 事件 是 否 自动 绑 定 
(2) aspx 网 页 的 基 类 是 ( Ji 
A. System. Web. UI. WebPage B. System. Web. UI. Page 
C. System. Web. Page D. System. Page 
(3) 下 面 ( ) 方 法 不 能 跳 转 到 另 一 个 页 面 。 
A. Response. Redirect() B. Server. Transfer() 
CG <a></a> D. Response. Write() 
(4) Request 对 象 中 获取 Get 方式 提交 的 数据 的 方法 是 ( 站 
A. Form B. QueryString C. Cookies D. Post 
3. 简 答题 


(1) 代码 分 离 模式 和 单一 文件 模式 有 何 异 同 ? 如 何 选择 ? 
(2) IsPostBack 的 值 是 false 表示 什么 ? 
(3) 列 出 本 章 讲 到 的 HTML 页 面 和 ASPX 页 面 之 间 跳 转 的 方法 。 


4. 上 机 操作 题 


上 机 目的 : 

理解 ASP. NET 网 页 的 存储 模式 ; 

能 够 在 不 同 的 存储 模式 下 编写 相应 代码 ; 
熟悉 Page_Load 事件 的 使 用 。 

上 机 内 容 : 
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(1) 任务 : 在 网 站 中 添加 代码 分 离 的 Web 窗 体 TwoFile. aspx, 并 在 Page_Load 时 和 
单 击 Button 时 显示 当前 时 间 。 

操作 提示 : 

J 新 建 一 个 网 站 chapter2, 在 【解决 方案 资源 管理 器 ] 中 , 右 击 习 【添加 新 项 ]>【Web 
窗 体 > 勾 选 [将 代码 放 在 单独 的 文件 中 】”> 修 改名 称 为 TwoFile. aspx 习 确定 。 

@ 在 【解决 方案 资源 管理 器 ] 中 ,双击 TwoFile. aspx 窗 体 ,打开 设计 视图 ,从 工具 箱 
(工具 箱 一 标准 选项 卡 ) 中 拖 放 (双击 ) 一 个 Button, 一 个 Label, 查 看 HTML 视图 中 生成 
的 代码 。 

@ 在 TwoFile. aspx 窗 体 空白 处 , 右 击 选择 【查看 代码 】, 即 打开 TwoFile. aspx. cs ,在 
Page_Load 事件 中 ,编写 以 下 代码 : 


Labe11.Text= "Loaded at:"+ DateTime.Now.ToString ()+"<br> "7 


@ 在 TwoFile. aspx 的 设计 视图 中 ,双击 Buttonl ,自动 添加 一 个 Buttonl_Click 事 
件 ,并 在 Buttonl_Click 事件 中 填写 代码 : 


Labell.Text += "Clicked at:"+DateTime.Now.ToString (); 


@ 单 击 工具 栏 中 的 [运行 ] 按 钮 ,查看 结果 。 

(2) 任务 : 在 网 站 chapter2 中 添加 单 文 件 模式 的 Web 窗 体 OneFile. aspx, 并 在 Page 
_Load 时 和 单 击 Button 时 显示 当前 时 间 。 

操作 提示 : 

GO 文件] 开打 开本 > 开 网 站 ] -~aspxPage。 

@ 在 【解决 方案 资源 管理 器 中 , 右 击 网 站 根 目录 环 【添加 新 项 >【Web 窗 体 ] 一 不 
色 选 【将 代码 放 在 单独 的 文件 中 】 > 修改 名称 OneFile. aspx 一 确定 。 

@ 在 【解决 方案 资源 管理 器 】 中 ,双击 OneFile. aspx 窗 体 , 打 开设 计 视 图 ,从 工具 箱 
(工具 箱 一 标准 选项 卡 ) 中 拖 放 (双击 ) 一 个 Button ,一 个 Label, 查 看 HTML 视图 中 生成 
的 代码 。 

@ 在 OneFile. aspx 窗 体 空白 处 , 右 击 选择 【查看 代码 】, 即 打开 源 视图 ,在 Page_Load 
事件 中 ,编写 代码 : 


Labe11.Text= "Loaded at:"+ DateTime.Now.ToString()+"<br> "7 


@ 在 OneFile. aspx 的 设计 视图 中 ,双击 Buttonl ,自动 添加 一 个 Buttonl_Click 事 
件 , 并 在 Buttonl_Click 事件 中 填写 代码 : 


Labell.Text += "Clicked at:"+DateTime.Now.ToString () 7 


@ 单 击 工具 栏 中 的 [运行] 按钮 ,查看 结果 。 

(3) 任务 : 在 Web 窗 体 页 面 显示 浏览 器 时 间 和 服务 器 时 间 。 

操作 提示 : 

Qa 在 chapter2 中 添加 一 个 代码 分 离 模式 的 页 面 showTime. aspx。 

@ 在 源 视 图 的 head 标记 中 添加 下 面 过 script 这 标记 部 分 的 代码 ,以 显示 浏览 器 端的 
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时 间 。 


<html xmlns= "http://www.w3.org/1999/xhtml"> 
<head runat= "server"> 

<title> 无 标题 页 < /title> 

< script type= "text/javascript"> 

Var now=new Date () 7 


Var ttl] =now.getHours ();; 


if ((tt1>=6) && (tt1<=12)) 
ft 
document .write ("browser: 上 午 好 !"); 
二 
else if ((tt1>12) && (tt1<=18)) 
{ 
document .write ("browser: 下 午 好 !"); 
} 
else 
document .write ("browser: 晚 上 好 !"); 
</script> 
< /head> 
<body> 
< form id= "forml" runat= "server"> 
<div> 
<asp:Button ID= "Buttonl" runat= "server" OnClick="Buttonl Click" Text="Button" 
Width= "127px" />< /div> 
< /form> 
< /body> 
< /html> 


@ 在 showTime. aspx. cs 的 Page_Load 中 添加 如 下 代码 ,以 显示 服务 器 端 时间 。 


protected void Page Load (object sender, EventArgs e) 
人 
int tt1l =int.Parse (DateTime.Now.Hour.ToString ())7 
if ((tt1>=6) && (tt1<=12)) 
{ 
Response.Write ("Server: 上 午 好 !ketty"); 
} 
else if ((tt1>12) && (tt1<=18)) 
. 
Response.Write ("Server: 下 午 好 !ketty"); 


else 
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Response.Write ("Server: 晚 上 好 !'ketty"); 
} 
@ 运行 页 面 ,查看 效果 。 
(4) 要 求实 现 功能 : 有 两 个 动态 页 面 : product. aspx 和 detail. aspx, 在 product. aspx 
页 面 中 添加 一 个 TextBoxl( 用 于 输入 商品 编号 ) 控 件 和 一 个 Buttonl 按钮 (查看 详情 )。 
单 击 product 页 面 中 的 【查看 详情 按钮 , 跳 转 到 detail 页 面 ,并 传递 product. aspx 页 面 上 
输入 的 “商品 编号 ”。 





ASP.NET 网 页 标准 控件 


ASP. NET 提供 了 数 十 种 控件 ,这 些 控件 不 仅 增强 了 ASP. NET 的 功能 ,同时 将 许多 
重复 工作 都 交 由 控件 完成 ,大 大 提高 了 开发 人 员 的 工作 效率 。 

网 页 标准 控件 是 ASP. NET 提供 的 基本 Web 服务 器 控件 ,是 开发 人 员 常 用 的 Web 
服务 器 控件 。 本 童 将 详细 介绍 这 些 控 件 的 常用 属性 、 事 件 的 作用 和 使 用 方法 ,并 用 实例 
演示 。 

本 章 学 习 目 标 : 

。 了 解 Web 控件 的 种 类 和 服务 器 控件 的 含义 ; 

。 掌握 网 页 标准 控件 的 常用 属性 、 事 件 和 使 用 方法 ; 

。 理解 Web 服务 器 控件 的 事件 模型 。 


31 服务 器 控 件 概述 


控件 是 可 重复 使 用 的 组 件 或 对 象 ,每 种 不 同 的 控件 都 有 自己 独特 的 属性 和 方法 ,可 
以 响应 相应 事件 。 


3.11 控件 类 型 


如 第 1 章 中 的 图 1. 21 所 示 的 工具 箱 ,可 以 看 到 根据 功能 将 控件 分 为 多 种 类 型 ,工具 
箱 以 选项 卡 的 形式 呈现 ,每 个 选项 卡 中 有 多 个 可 用 的 控件 。 具 体 类 型 如 下 。 

(1) 标准 控件 : 包括 日 常 开发 中 经 常 使 用 的 基本 控件 ,如 使 用 频率 非常 高 的 文本 框 、 
按钮 .标签 控件 等 。 

(2) 数据 控件 : 包括 数据 源 控件 和 复杂 数据 绑 定 控件 两 种 , 极 大 地 方便 了 数据 库 编 
程 操作 。 

(3) 验证 控件 : 包括 各 种 验证 控件 。 用 于 对 标准 控件 的 数据 内 容 进 行 校 验 ,根据 验 
证 结果 来 判断 页 面 可 以 提交 还 是 提示 用 户 检 验 失败 信息 ,继续 等 待 输入 。 

(4) 导航 控件 : 包括 树 状 导 航 、 莱 单 导 航 等 导航 控件 ,用 于 实现 网 站 或 各 个 应 用 的 导 
航 功 能 ,还 可 以 方便 地 实现 站 点 地 图 的 设置 。 

(5) 登录 控件 : 登录 控件 由 多 个 标准 控件 组 合 而 成 ,也 可 以 叫 组 合 控 件 。 用 于 辅助 
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完成 网 站 用 户 的 注册 、 登 录 、 修 改 密码 等 认证 功能 ,通过 该 组 控件 开发 人 员 可 以 轻松 构建 
出 复杂 的 用 户 认 证 功能 。 

(6) WebParts 控件 : 又 叫 Web 部 件 控件 ,是 用 来 实现 定义 和 布局 Web 部 件 的 相关 
控件 。 

(7) AJAX 扩展 控件 : 包括 实现 AJAX 功能 的 各 种 控件 ,实现 页 面 无 刷新 处 理 等 效 
果 ,提高 客户 端的 工作 效率 。 

(8) 动态 数据 控件 : 用 于 动态 数据 Web 站 点 。 动 态 数据 站 点 允许 在 数据 库 中 快速 
创建 用 户 界 面 来 管理 数据 。 

(9) 报表 控件 : 包括 制作 报表 的 各 种 控件 ,提高 开发 报表 功能 的 效率 。 

(10) HTML 控件 : 每 个 HTML 控件 都 能 直接 映射 到 HTML 元 素 上 ,属于 浏览 器 
端 控 件 (Browser Control) ,可 转换 为 服务 器 端 控 件 (Server Control) 。 

除 此 之 外 ,ASP. NET 还 支持 用 户 自 定义 控件 , 即 由 用 户 自 行 设计 定义 的 控件 。 

上 面 提 到 的 浏览 器 端 控 件 由 浏览 器 负责 解释 和 执行 。 服 务 器 端 控件 在 服务 器 端 运 
行 时 创建 服务 器 控件 的 对 象 , 由 服务 器 控件 对 象 来 完成 用 户 的 请 求 以 及 各 种 处 理 。 浏 览 
器 无 法 直接 解释 执行 服务 器 端 控 件 , 因 此 ,服务 器 控件 需要 在 服务 器 端 创 建 、. 处 理 、 最 终 
生成 HTML 代码 和 JavaScript 代码 ,发 送 给 浏览 器 执行 。 


312 控件 定义 格式 


在 ASP. NET 中 ,定义 控件 需要 符合 一 定 的 格式 : 
< 命名 空间 :控件 类 型 属性 列表 >< /命名 空间 :控件 类 型 > 
例如 代码 : 

<asp:Label id= "Labell" runat= "server"> < /asp:Label> 


定义 了 Label 控件 Labell, Web 服务 器 控件 的 命名 空间 都 是 asp;id 表示 控件 的 标识 ， 
于 区 分 不 同 的 控件 ,每 个 控件 都 会 有 一 个 id 属性 ;runat 二 "server" 表 示 是 服务 器 控件 ,所 
有 服务 器 端 控件 都 需要 有 runat 属性 。 

定义 控件 有 两 种 方式 。 通 常 ,开发 人 员 先 打开 【设计 了 视图 ,将 光标 定位 在 需要 放置 
控件 的 位 置 ,通过 在 【工具 箱 了 中 双击 控件 或 直接 拖 动 控件 到 相应 位 置 的 方式 将 其 添加 到 
页 面 上 。 在 页 面 的 HTML 视图 中 ,将 自动 增加 相应 控件 定义 的 代码 。 

另外 ,每 种 控件 都 是 一 个 封装 的 类 ,可 以 通过 类 的 实例 化 创建 控件 对 象 。 开 发 人 员 
还 可 以 根据 需要 编程 动态 添加 控件 。 下 面 的 实例 将 演示 如 何 动态 添加 一 个 Label 控件 ， 
后 面 章节 讲 到 的 用 户 控件 也 可 以 通过 该 方式 动态 显示 到 页 面 上 。 

【实例 3-1】 动态 创建 一 个 Label 控件 并 显示 到 页 面 中 的 Panell 容器 中 。 

(1) 新 建 一 个 网 站 chapter3 ,添加 一 个 Web 窗 体 3-1. aspx, 在 页 面 中 添加 一 个 
Panell 控件 。 生 成 的 代码 如 下 。 














<%Q@Page Language="C#"”RutoEventWireup="true"” CodeFile="3- 1.aspzx.cs" Inherits="_ 
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Default" %> 
< !IDOCTYPE html> 
<html xmlns= "http://www.w3.org/1999/xhtml"> 
<head runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
< /head> 
<body> 
< form id= "forml" runat= "server"> 
<div> 
<asp:Panel ID= "Panell" runat= "server"> 
</asp:Panel> 
</div> 
< /form> 
< /body> 
< /html> 
(2) 打开 3-1. aspx. cs, 在 Page_Load 中 添加 如 下 代码 。 
// 创 建 一 个 新 的 Label 对 象 myLabel 
Label myLabel= new Label (); 
// 设 置 myLabel 控件 的 显示 文本 属性 Text 为 "简单 的 动态 Label" 
myLabel.Text= "简单 的 动态 Label"; 
// 将 myLabel 控件 放 入 一 个 已 存在 的 Panell 中 0 
Panell .Controls.Add (myLabel); 《 > BD 从 httpi//localhost:636 
代码 中 的 Panel 控件 可 以 作为 其 他 控件 的 | 简单 的 动态 Label 
容器 。 
(3) 运行 页 面 3-1. aspx, 效 果 如 图 3. 1 所 示 ， 
显示 动态 产生 的 Label 控件 。 图 3.1 3-1. aspx 的 运行 效果 


3.13 控件 属性 


控件 属性 用 来 描述 控件 的 外 观 特性 或 行为 ,如 控件 的 显示 文本 内 容 (Text) .控件 文 
本 颜色 (ForeColor) .控件 背景 颜色 (BackColor) 等 。 属 性 有 属性 名 和 属性 值 之 分 ,一 个 控 
件 的 属性 名 是 固定 的 ,而 属性 值 是 不 定 的 ,由 开发 人 员 或 用 户 进 行 设置 。 代 码 的 格式 如 
下 : 属性 =" 属 性 值 " ,不 同属 性 之 间 用 空格 隔 开 。 

在 开发 过 程 中 设置 控件 属性 有 三 种 方式 : 在 页 面 设计 阶段 通过 【属性 了 窗口 控制 页 面 
的 初始 状态 ;在 HTML 源 视图 中 手动 修改 代码 控制 页 面 的 初始 状态 ;在 逻辑 代码 文件 中 
通过 代码 进行 动态 设置 ,控制 程序 运行 过 程 不 同 阶段 的 控件 外 观 。 

需要 注意 的 是 ,控件 属性 区 分 大 小 写 。 可 以 利用 开发 环境 的 智能 提示 避免 书写 
错误 。 
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Label 控件 主要 是 在 页 面 上 的 指定 位 置 显示 文本 。 实 际 上 ,在 Web 页 面 中 添加 静态 
文本 时 ,最 简单 的 办 法 就 是 直接 将 文本 添加 到 页 面 ,而 用 Label 控件 显示 文本 可 以 通过 编 
程 设 置 Text 属性 来 灵活 控制 文本 内 容 。 

Label 控件 的 典型 属性 如 表 3. 1 所 示 。 


表 3.1 Label 控件 的 典型 属性 


























属 性 作 用 
ID 获取 或 设置 控件 的 服务 器 端的 编程 标识 
Runat 指定 这 是 一 个 服务 器 控件 ,必须 设置 为 server 
Text 显示 (获取 ) 文 本 
ForeColor 设置 文本 颜色 
Font 设置 显示 字体 
BackColor 设置 背景 颜色 
BorderColor 设置 边界 颜色 
Visible 是 否 可 见 (true/false) 





Label 最 重要 的 属性 是 Text。 如 果 同 时 在 


























【属性 窗口 中 直接 赋值 (如 图 3. 2 所 示 ) 和 Page ET System Web.UIWebControlsLabel 
_Load 代码 中 赋值 ,那么 最 终 在 页 面 上 显示 的 2 3 
文本 将 会 是 Page_Load 中 所 赋 的 值 。 实 例 3-2 EnableTheming Te 
用 来 演示 Label 控件 的 属性 设置 方法 。 1 
【实例 3-2】 Label 控件 的 属性 设置 及 其 运 ee | 
和 效果， | 
(1) 打开 网 站 chapter3 ,新 建 一 个 Web 窗 Text 设置 明示 文本 ~ 
体 3-2. aspx, 在 页 面 中 添加 一 个 Label 控件 后 
Labell ,并 在 【属性 了 窗口 中 设置 其 ForeColor 为 
绿色 (Green) 。 生 成 的 代码 如 下 。 3.2 在 【属性 】 窗 口中 设置 Label 的 属性 


<g%@Page Language="C#" AutogventWireup=" 

true" CodeFile="3- 2.aspx.cs" Inherits=" 2 Label” $%> 

< !IDOCTYPE html> 

<html xmlns= "http://www-w3.org/1999/xhtml"> 

<head runat= "server"> 

<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 

</head> 
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<body> 
< form id= "forml" runat= "server"> 
<div> 
<asp:Label ID= "Labell" runat= "server" Text=" 设 置 显 示 文 本 " ForeColor= 
啡 009933"> < /asp:Label> 
</div> 
< /form> 
< /body> 
</html> 


(2) 打开 3-2. aspx. cs, 在 Page_Load 中 编写 如 下 代码 。 


protected void Page Load (object sender, EventArgs e) 

{ 
Label1.Text= "Page Load 中 设置 显示 文本 <br> 还 设置 了 漂亮 的 文本 颜色 哦 "7 
Labe11.ForeColor= System.Drawing.Color.Red; 

} 


(3) 运行 页 面 3-2. aspx, 效 果 如 图 3. 3 所 示 , 最 终 显示 效果 为 Page_Load 中 的 属性 
设置 。 


[5 localhost63619/chapter3/ X 
< > BO 妆 http://localhost:63619/chapter3/3-2.aspx 


Page_Load 中 设置 显示 文本 
还 设置 了 漂亮 的 文本 颜色 哦 





3.3 3-2. aspx 的 运行 效果 


33 TexBox( 文 本 框 ) 控 件 





TextBox 控件 主要 用 于 输入 或 显示 文本 。 它 的 主要 属性 如 表 3. 2 所 示 。 
表 3.2 TextBox 控件 的 典型 属性 
ID 获取 或 设置 控件 的 服务 器 端的 编程 标识 
AutoPostBack | 当 文 本 框 内 容 发 生 改 变 , 是 否 立 即 提交 包括 此 文本 框 的 表单 (true/false) 
MaxLength 可 输入 文本 的 最 大 长 度 

















属性 | ReadOnly 文本 框 是 否 为 只 读 状态 (true/false) 
Text 显示 (获取 ) 输 入 /输出 的 文本 内 容 
TextMode 选择 显示 模式 





TabIndex 设置 按 下 Tab 键 时 得 到 焦点 的 顺序 








第 声 3 章 ASPNET 网 页 标准 控件 49 




















续 表 
Rows 设置 多 行文 本 的 行 数 
属性 | Columns 设置 多 行文 本 的 列 数 
Wrap 设置 多 行文 本 框 是 否 回 绕 (true/false) 
事件 | TextChanged ”| 当 文本 框 的 内 容 发 生 改变 时 触发 该 事件 


通过 设置 TextMode 属性 ,可 以 控制 TextBox 的 显示 模式 ,Visual Studio 2012 中 有 
多 个 属性 值 可 选 ( 如 图 3.4 所 示 )。 各 个 属性 值 的 含义 如 下 。 

(1) SingleLine: 单行 输入 框 。 

(2) MultiLine: 带 滚动 条 的 多 行文 本 框 。 

(3) Password: 密码 输入 框 。 所 有 输入 字符 以 ”。 ”显示 ,他 
人 无 法 看 到 用 户 输入 的 文本 内 容 , 但 文本 并 没有 加 密 。 

(4) Color: 颜色 选择 器 图 标 ,运行 时 单 击 TextBox 控件 可 
弹出 颜色 选择 窗口 (如 图 3.5 所 示 ) 。 

(5) Date: 日 期 选择 功能 。 格 式 为 年 月 日 ,如 2017 年 4 月 1 图 3.4 TextMode 的 可 
日 。 单 击 黑 色 三 角 块 可 弹出 日 期 选择 窗口 (如 图 3.6 所 示 ) 。 选 属性 值 


义 颜色 (C); | 


色调 EE):; 160 红 (8): 0 1 
饱和 度 ): 0 绿 @: 0 
颜色 | 纯色 @) 高度: 0 蓝 岂 :0 

确 3 [ 添加 到 自 定义 颜色 &) 











时 | 六 
涨 
@ 
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画 王 -03-28 12:30 x 向 v 
2019 年 03 月 ~ 四 上 加 四 
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图 3.5 颜色 选择 窗口 图 3.6 日 期 选择 窗口 


(6) DateTime: 日 期 输入 框 。 格 式 为 年 月 日 时 间 , 如 2017 年 4 月 1 日 12:30。 

(7) DateTimeLocal: 日 期 时 间 选 择 功能 。 格 式 为 年 月 日 时 间 , 如 2017 年 4 月 1 日 
12:30。 单 击 黑色 三 角 块 可 弹出 日 期 选择 窗口 (如 图 3.6 所 示 )。 

(8) Email: 邮箱 地 址 输入 框 ,一 旦 输入 内 容 , 格 式 需 要 符合 邮件 地 址 的 格式 ,如 
Email Format@163. com。 

(9) Month: 日 期 选择 功能 。 格 式 为 年 月 ,不 包括 日 ,如 2017 年 4 月 。 

(10) Number: 数字 调节 器 , 单 击 上 下 箭头 可 调整 框 内 显示 的 数字 。 

(11) Range: 显示 为 范围 调节 的 滑 块 , 拖 动 滑 块 ,可 以 调节 范围 (0 一 100) 。 

TextChanged 是 TextBox 控件 的 常用 事件 , 当 文本 内 容 改 变 时 ,触发 该 控件 , 常 与 
AutoPostBack 属性 一 起 使 用 。 当 AutoPostBack 属性 设 为 true 时 ,TextBox 控件 内 的 文 
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本 内 容 发 生 改变 时 ,立即 提交 给 服务 器 ,执行 TextChanged 事件 。 

【实例 3-3】 TextBox 控件 的 TextMode 属性 和 TextChanged 事件 练习 。 

(1) 在 chapter3 网 站 中 ,新建 Web 窗 体 3-3. aspx, 在 页 面 上 添加 一 个 14 行 2 列 的 
Table 表格 。 

(2) 在 Table 的 第 一 行 和 第 一 列 分 别 输入 图 3.7 中 的 文字 ,第 二 列 中 放 入 控件 
TextBoxl,TextBox2,… ,TextBoxll1, 在 TextBoxl 后 面 放 一 个 Labell 控件 。 第 三 列 用 
于 显示 本 行 TextBox 的 TextMode 的 属性 值 。 最 后 一 行 放 一 个 Button。 

(3) 修改 多 行文 本 框 的 Text 属性 值 为 "MultiLine MultiLine”。 将 所 有 TextBox 控 
件 的 TextMode 属性 分 别 设 为 SingleLine、MultiLine、Password、Color、 Date、DateTime、 
DateTimeLocal .Email .Month Number、Range。 

(4) 设置 TextBoxl 的 AutoPostBack 值 为 true。 以 上 4 步 生 成 的 [ 源 了 视图 body 标 
记 中 的 代码 如 下 。 


<body> 
< form id= "forml" runat= "server"> 
<div> 
<table style= "width:100%;"> 


< 和 Er> 
<td class= "auto- style6"> gnbsp;< /td> 
<td class= "auto- style4"> 用 户 注 册 < /td> 
<td class= "auto- stylel"> TextMode 属性 值 < /td> 
</tr> 
<tr> 
<td class= "auto- style6"> 用 户 名 : < /td> 
<td class= "auto- style4"> 
<asp:TextBox ID= "TextBox1" runat= "server" AutoPostBack= 
"True" OnTextChanged= "TextBox1 TextChanged">< /asp:TextBox> 
<asp:Label ID= "Labell" runat= "server" Text= "Label"> 
</asp:Label> 
</td> 
<td class= "auto- style2"> SingleLine< /td> 
</tr> 
< Er> 
<td class= "auto- style7"> < /td> 
<td class= "auto- style5"> 
<asp:TextBox ID= "TextBox3" runat= "server" Height= "56px" 
TextMode= "MultiLine"> MultiLine 
MultiLine< /asp:TextBox> 
< /td> 
<td class= "auto- style3">MultiLine < /td> 
</tr> 
<tr> 
<td class="auto- style7"> 密 码 : < /td> 
<td class= "auto- style5"> 
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<asp:TextBox ID= "TextBox4" runat= "server" TextMode= 
"Password"> Password< /asp:TextBox> 
</td> 
<td class= "auto- style3"> Password< /td> 
</tr> 
<tr> 
<td class= "auto- style7"> 你 喜欢 的 颜色 是 : < /td> 
<td class= "auto- style5"> 
<asp:TextBox ID= "TextBox2" runat= "server" TextMode= 
"Color">< /asp:TextBox> 
</td> 
<td class= "auto- style3"> Color< /td> 
</tr> 
<tr> 
<td class= "auto- style7"> 你 的 生日 是 : < /td> 
<td class= "auto- style5"> 
<asp:TextBox ID= "TextBox5" runat= "server" TextMode= 
"Date"> < /asp:TextBox> 
</td> 
<td class= "auto- style3"> Date< /td> 
</tr> 
<tr> 
<td class= "auto- style7"> 你 最 幸福 的 时 间 是 : < /td> 
<td class= "auto- style5"> 
<asp:TextBox ID= "TextBox6" runat= "server" TextMode= 
"DateTime"> < /asp:TextBox> 
</td> 
<td class= "auto- style3"> DateTime< /td> 
</tr> 





<tr> 
<td class= "auto- style7">< /td> 
<td class= "auto- style5"> 
<asp:TextBox ID= "TextBox7" runat= "server" TextMode= 
"DateTimeLocal"> < /asp:TextBox> 
< /td> 
<td class= "auto- style3"> DateTimeLocal< /td> 
</tr> 
<* 和 E> 
<td class= "auto- style7"> 你 的 Email 是 : </td> 
<td class= "auto- style5"> 
<asp:TextBox ID= "TextBox8" runat= "server" TextMode= "Fmail"> 
< /asp:TextBox> 
</td> 
<td class= "auto- style3"> Email< /td> 
</tr> 
<tr> 
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<td class= "auto- style7"> 你 的 出 生年 月 是 : < /td> 
<td class= "auto- style5"> 
<asp:TextBox ID= "TextBox9" runat= "server" TextMode= 
"Month"> < /asp:TextBox> 
</td> 
<td class= "auto- style3"> Month< /td> 
</E> 
EE 
<td class= "auto- style7"> 你 的 幸运 数字 是 : < /td> 
<td class="auto- style5"> 
<asp:TextBox ID= "TextBox10" runat= "server" TextMode= 
"Number">< /asp:TextBox> 
</td> 
<td class= "auto- style3"> Number< /td> 
</tr> 
<tr> 
<td class= "auto- style7"> 你 的 抗 压 能 力 : < /td> 
<td class= "auto- style5"> 
<asp:TextBox ID= "TextBox11" runat= "server" TextMode= 
"Range"> < /asp:TextBox> 
</td> 
<td class= "auto- style3"> Range< /td> 
</tr> 
< /table> 
</div> 
< /form> 
< /body> 


特别 说 明 , 在 Visual Studio 2012 中 根据 开发 人 员 的 设计 操作 ,自动 生成 对 应 的 CSS 
样式 。 在 上 面 的 代码 中 ,有 多 个 class 属性 ,如 class 二 "auto-style3", 用 于 指定 所 属 标 记 ， 
如 table 或 td 的 样式 为 auto-style3 ,这 是 在 设计 页 面 上 的 table 标记 时 VS. NET 自动 生 
成 的 使 用 样式 的 代码 。 对 应 样式 代码 放 在 当前 页 面 的 head 标记 中 。 这 里 没有 列 出 。 它 
只 是 设置 显示 样式 ,与 本 实例 演示 的 TextBox 控件 的 功能 无 关 。 

(5) 双击 该 控件 添加 一 个 TextBoxl_TextChanged 事件 ,并 在 该 事件 中 填写 以 下 
代码 。 





protected void TextBoxl1 TextChanged (object sender, EventArgs e) 
‘ 

Label1.Text= "你 输入 的 用 户 名 是 : "+ TextBox1.Text; 
} 


(6) 运行 3-3. aspx 页 面 ,效果 如 图 3.7 所 示 。 在 【用 户 名 ] 文 本 框 内 输入 不 同 的 内 
容 , 如 “SingleLine”, 按 Enter 键 ,在 Labell 中 显示 “你 输入 的 用 户 名 是 : SingleLine”。 如 
果 输 入 内 容 不 符合 TextMode 设置 的 规则 ,控件 将 突出 显示 。 

初学 者 经 常 遇 到 类 似 如 下 的 错误 信息 。 
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[® localhost8041/chapter3/3 X 














《 > BD http//Nocalhost8041/chapter3/3-3aspx fv> | 回国 凶 三 

用 户 注册 Textjlode 属 性 值 

用 户 名 ， [Sngeline ” ”| 你 输入 的 用 户 名 是 ，SingleLine SingelLine 
JultiLine 
JIul tiLine 
4 

密码 : [| Password 

你 喜欢 的 颜色 是 : | Color 

你 的 生日 是 ， [| Date 

你 最 幸福 的 时 间 是 ， lz0160329 | DateTime 
jz016-03-29 00:00 | DateTimeLocal 

你 的 Email 是 : [Emai_Format@163.com | Email 

你 的 出 生年 月 是 ， [zo16 年 03 月 | Jonth 

你 的 幸运 数字 是 ， E | Number 

你 的 抗 压 能 力 ， 目 Range 
十 完了 




















3.7 3-3.aspx 的 运行 效果 


“ASP._ 3_3_aspx? 不 包含 “TextBoxl_TextChanged” 的 定义 ,并 且 找 不 到 可 接受 类 型 
为 *ASP._3_3_aspx” 的 第 一 个 参数 的 扩展 方法 “TextBoxl_TextChanged” (是否 缺 少 
using 指令 或 程序 集 引 用 ?)。 

错误 提示 在 页 面 3_3_aspx 中 存在 错误 , 找 不 到 事件 TextBoxl_TextChanged 的 定 
义 。 双 击 错 误 信息 可 定位 到 错误 行 。 错 误 指向 的 行 如 下 所 示 。 





- 《asp: TextBox ID="TextBoxl” runat="server” OnlextChanged=" TextBoxl_TextChanged”></asp: TextBox> 





发 生 该 类 错误 的 原因 大 多 数 是 因为 双击 了 TextBoxl 控件 ,添加 了 TextBoxl_ 
TextChanged 事件 ,后 因 无 用 ,将 . cs 文件 中 的 如 下 事件 代码 : 


protected void TextBoxl TextChanged (object sender, EventArgs e) {} 


删除 而 造成 的 。 
改正 方法 是 将 错误 行 的 代码 OnTextChanged 二 "TextBoxl_TextChanged" 删 除 ,或 
双击 TextBoxl 控件 ,重新 添加 TextBoxl_TextChanged 事件 继续 使 用 。 


34 Button( 按 氮 ) 控 件 


Web 标准 控件 有 三 种 类 型 的 按钮 : 标准 命令 按钮 (Button) 图 形 化 按钮 (ImageButton) 
和 超级 链接 样式 按钮 (LinkButton) 。 这 三 种 按钮 具有 相同 的 提交 功能 ,只 是 具有 不 同 的 
外 观 。 每 当 按 钮 被 单 击 (Click) 时 ,就 将 缓冲 区 中 的 事件 信息 一 并 提交 给 服务 器 。 

Button 按钮 是 常用 的 按钮 形式 , 它 的 典型 属性 如 表 3. 3 所 示 。LinkButton 控件 显示 
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为 超级 链接 形式 ,外观 与 超 链接 控件 HyperLink 相同 ,但 功能 却 与 Button 控件 相同 。 可 
以 设置 PostBackUrl 属性 实现 超级 链接 功能 ,也 可 以 添加 Click 事件 执行 代码 功能 。 
ImageButton 控件 通过 设置 InageUrl 属性 ,显示 成 图 片 的 形式 (如 图 3.8 所 示 ) 。 


表 3.3 Button 控件 的 典型 属性 和 事件 

















ID 获取 或 设置 控件 的 服务 器 端 编程 标识 
AutoPostBack 当 文本 框 内 容 发 生 改 变 , 是 否 立即 提交 包括 此 文本 框 的 表单 (true/false) 
Text 显示 (获取 ) 文 本 内 容 
Enabled 可 用 性 设置 : True/False 
Teolrip 设置 鼠标 在 该 控件 上 方 时 显示 的 工具 提示 信息 
属性 设置 返回 的 网 页 路 径 。 可 设置 成 某 个 网 页 的 URL, 如 一 /sample/a. 


aspx、http://www. sohu. com。 单 击 按钮 时 即 转向 该 网 页 


获取 或 设置 与 Button 控件 关联 的 命令 名 称 。 此 值 与 CommandArgument 
属性 一 起 传递 到 Command 事件 处 理 程 序 


获取 或 设置 与 Button 相关 联 的 可 选 参数 。 此 值 与 CommandName 属性 





CommandName 











CommandArgument 一 起 传递 到 Command 事件 处 理 程序 
OnClick 指定 Click 按钮 时 执行 的 事件 的 名 称 
事件 | Click 单 击 按钮 时 ,触发 该 事件 ,执行 一 定 的 功能 








【实例 3-4】 Button 按钮 的 Click 事件 实现 TextBox 输入 (选择 ) 内 容 的 显示 。 

(1) 新 建 一 个 3-4. aspx 页 面 ,在 3-3. aspx 页 面 设计 的 基础 上 ,在 最 后 两 行 增加 一 个 
Button 按钮 ,一 个 LinkButton 按钮 ,一 个 ImageButton 按钮 ,还 有 一 个 用 于 显示 信息 的 
Label 控件 。 

(2) Button 的 Text 属性 是 “ 填 完 了 ”, LinkButton 的 PostBackUrl 设 为 3-2. aspx， 
ImageButton 的 ImageUrl 属性 设置 为 “xiaotubiao. png”。 

(3) 双击 Button 添加 Buttonl_Click 事件 ,填写 如 下 代码 。 


protected void Button1 Click (object sender, EventArgs e) 

{ 
Label1.Text= "你 喜欢 的 用 户 名 : " +TextBox2.Text; 
Label1.Text +="<br> 你 的 特长 : " +TextBox3.Text; 
Label1.Text +="<br> 你 喜欢 的 颜色 : " +TextBox1.Text; 
Label1.Text +="<br> 你 的 生日 : " +TextBox5.Text; 
Label1.Text +="<br> 你 最 幸福 的 时 间 : " +TextBox6.Text; 
Label1.Text +="<br> 你 的 Email: " +TextBox8.Text; 
Labell.Text +="<br> 你 的 出 生年 月 : "+TextBox9.Text; 
Label1.Text +="<br> 你 的 幸运 数字 : " +TextBox10.Text; 
Label1.Text +="<br> 你 的 抗 压 能 力 : " + TextBox11.Text; 

} 


(4) 双击 ImageButton 添加 ImageButtonl_Click 事件 ,填写 如 下 代码 。 


Protected void ImageButton1_ Click (object sender, ImageClickEventArgs e) 


#@: ASP.NET 网 页 标准 控件 
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Label1.Text= "ImageButton 也 可 以 执行 Click 事 件 哦 "; 
} 


(5) 在 页 面 的 Page_Load 事件 中 为 Buttonl 按钮 添加 JavaScript 代码 ,确认 提交 。 


protected void Page Load (object sender, EventArgs e) 


Button1.Attributes.Add ("onclick", "javascript:returmn confim(' 确 定 填 完了 ?"')"); 


} 


(6) 运行 3-4. aspx, 单 击 【 填 完了 ] 按 钮 效果 如 图 3. 8 所 示 。 单 击 LinkButton 将 打开 


3-2. aspx 页 面 。 单 击 ImageButtonl 将 执行 相应 代码 。 








《 >》 DD 食 htpV/iocahost8o4l/chapter3/4- 和 v > 加 回 四 六 三 
















用 户 注册 

用 户 名 ， Eee |] 
NultiLine 

你 的 特长 是 ， 人 

密码 ， [ES 

你 喜欢 的 颜色 是 ， [| 

你 的 生日 是 Eeecm 

你 最 幸福 的 时 间 是 ， [202001010000 
西 到 -03-28 12:30 

你 的 Bmail 是 ， [Ema Fomat@63.com | 

你 的 出 生年 月 是 ， [aoie 年 3 月 ”| 

你 的 幸运 数字 是 ， EE | 

你 的 抗 压 能 力 ， 目 





十 完了 | 跌 过 四 
你 喜欢 的 用 户 名 ，SingleLine 
你 的 特长 ，JultiLine JIultiLine 
你 喜欢 的 颜色 ，#ff0000 
你 的 生日 ，2020-01-01 
你 最 幸福 的 时 间 ，2020-01-01 00:00 
你 的 Email ，Email_Format@163. com 
你 的 出 生年 月 ，2016-03 
你 的 幸运 数字 ，2 
你 的 抗 压 能 力 ， 100 
































3.8 3-4. aspx 的 运行 效果 


35 ”Image( 图 像 控 件 


Image 控件 主要 用 于 在 Web 窗 体 中 显示 图 像 。 与 InageButton 不 同 的 是 , 它 不 支持 


单 击 事件 。 它 的 典型 属性 如 表 3.4 所 示 。 
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表 3.4 Image 控件 的 典型 属性 














属 性 作 用 
ImageAlign 设置 图 像 的 对 齐 方式 
ImageUrl 获取 或 设置 图 像 的 URL 
AlternateText 设置 图 像 无 法 正常 显示 时 显示 的 文字 
ToolTip 设置 浏览 器 显示 在 工具 提示 中 的 文本 





设置 ImageUrl 的 语法 格式 如 下 。 


Imagel .ImageUrl= "images/myimage.jpg" 
Imagel .ImageUrl= "~ /images/myimage .jpg" 


在 [属性 ] 窗 口中 , 单 击 Image 控件 的 ImageUrl 属性 中 的 [浏览 按钮 [是 ,将 弹出 【 选 
择 图 像 】 对 话 框 ( 如 图 3.9 所 示 ) ,选择 需要 的 图 像 并 确定 。 





| 













项 目 文件 夹 (P): 文件 去 内 容 (O: 


4 图 Di\chapter3\ ljpg 
国 images 国 2jpg 
国 3jpg 
国 4jpg 
国 5jpg 
国 gongzhujpg 




















文件 类 型 日 : 图 像 文件 (.gif;"jpg;"jpeg;*.bmp;"wmf;*.png) 4 


Le 























3.9 选择 图 像 


36 ” ”DropDownList( 下 扳 列 表 ) 控 件 


DropDownList 控件 即 下 拉 列 表 框 ,提供 用 户 可 能 的 输入 ,用 户 只 需 选 择 某 一 项 即 
可 ,这 样 既 让 用 户 的 输入 变 得 简单 ,又 避免 了 输入 错误 。DropDownList 控件 的 典型 属性 
和 事件 如 表 3. 5 所 示 。 


#@: ASP.NET 网 页 标准 控件 


Ey 





表 3.5 DropDownList 控件 的 典型 属性 和 事件 









































ID 获取 或 设置 控件 时 的 服务 器 端的 编程 标识 
Items 获取 或 设置 列表 框 内 容 的 集合 
Items[i]. Text 获取 或 设置 列表 框 中 索引 i 选项 的 Text 值 
ITtems[i]. Value 获取 或 设置 列表 框 中 索引 i 选项 的 Value 值 
Items[i]. Selected 获取 或 设置 列表 框 中 索引 i 选项 是 否 选 中 (true/false) 
属性 | Items. Count 获取 列表 框 中 选项 的 数目 
SelectedValue 获取 列表 框 当前 选择 项 的 Value 值 
SelectedItem. Text 获取 列表 框 当前 选择 项 的 Text 值 
SelectedIndex 获取 或 设置 DropDownList 控件 的 选择 项 
ClearSelection 清除 列表 框 的 选择 ,并 将 所 有 项 的 Selected 属性 设 为 false 
ollak 当下 拉 列 表 的 选择 项 发 生 改 变 时 ,是 否 立 即 提交 包括 此 文本 框 的 表单 
(true/false) 
Items. Clear() 清空 列表 框 的 集合 
2 Items. Add() 为 列表 框 添 加 一 条 选项 
事件 | SelectedIndexChanged | 当选 择 项 发 生变 化 时 触发 该 事件 ,执行 事件 中 的 代码 








下 面 的 代码 表示 DropDownList 控件 定义 的 语法 格式 。 





<asp:DropDownList ID= "DropDownList1" runat= "server"> 
<asp:ListItem Selected= "True" Value= "01"> 北 京 市 < /asp:ListItem> 
<asp:ListItem Value= "02"> 天 津 市 < /asp:ListItem> 
<asp:ListItem Value= "03"> 辽 宁 省 < /asp:ListItem> 

< /asp:DropDownList> 


【实例 3-5】 利用 DropDownList 控件 和 TextBox 控件 填写 配送 地 址 。 

(1) 在 chapter3 网 站 中 添加 一 个 3-5. aspx 页 面 , 放 入 三 个 DropDownList 控件 
DropDownListl1、DropDownList2、DropDownList3 分 别 用 来 选择 省 市 、 区 、 街 道 , 一 个 
TextBox 控件 用 来 写 具 体 的 小 区 楼 号 信息 。 一 个 Label 
控件 用 来 显示 配送 地 址 。 

(2) 每 个 DropDownList 控件 的 编辑 项 (如 图 3. 10 
所 示 ) 或 者 单 击 【属性 窗口 中 Items 属性 的 按钮 ,弹出 
ListItem 集合 编辑 器 (如 图 3. 11 所 示 ) , 单 击 【添加 按钮 
添加 一 项 (ListItem) ,Index 值 默 认 从 0 开始 。 添加 内 容 
如 图 3. 11 所 示 。 

以 上 操作 在 【 源 了 视图 中 生成 的 代码 如 下 。 











启用 AutoPostBack 








3.10 DropDownList 任务 


<g%Q@Page Language= "C# ”RutoEventWireup= "true"” CodeFile="3- 5.aspx.cs" Inherits=" 3 5" 


op 


> 
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图 3.11 ListItem 集合 编辑 器 


< !DOCTYPE html> 
<html xmlns= "http://www.w3.org/1999/xhtml"> 
<head runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
< /head> 
<body> 
< form id= "forml" runat= "server"> 
<div> 
请 选择 您 的 配送 地 址 : <br /> 
<asp:DropDownList ID= "DropDownList1" runat= "server" AutoPostBack= 
"True" OnSelectedIndexChanged= "DropDownList1_ SelectedIndexChanged"> 
<asp:ListItem Selected= "True" Value= "01"> 北 京 市 < /asp:ListItem> 
<asp:ListItem Value= "02"> 天 津 市 < /asp:ListItem> 
<asp:ListItem Value= "03"> 辽 宁 省 < /asp:ListItem> 
</asp:DropDownList> 
<asp:DropDownList ID= "DropDownList2" runat= "server" AutoPostBack= 
"True" OnSelectedIndexChanged= "DropDownList2 SelectedIndexChanged"> 
<asp:ListItem Value="01"> 朝 阳 区 < /asp:ListItem> 
<asp:ListItem Value= "02"> 东 城区 < /asp:ListItem> 
<asp:ListItem Value= "03"> 西 城区 < /asp:ListItem> 
<asp:ListItem Value= "04"> 宣 武 区 < /asp:ListItem> 
< /asp:DropDownList> 
<asp:DropDownList ID= "DropDownList3" runat= "server"> 
<asp:ListItem Value= "01">x 街 道 < /asp:ListItem> 
<asp:ListItem Value= "02">y 街 道 < /asp:ListItem> 
< /asp:DropDownList> 
<asp:TextBox ID= "TextBox1" runat= "server" Width= "183px">< /asp:TextBox> 
<br /> 
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<asp:Button ID= "Buttonl" runat= "server" OnClick="Button]l Click" Text= "确定 "/ 
<br /> 
<asp:Label ID= "Labell" runat= "server">< /asp:Label> 
</div> 
< /form> 
< /body> 
</html> 


从 以 上 代码 可 以 看 到 每 个 DropDownList 控件 对 应 一 个 二 asp:DropDownList 二 标 
记 , 每 个 又 包含 多 个 <asp :ListItem 之 标记 。 

(3) 设置 DropDownListl 的 AutoPostBack 为 true, 并 双击 DropDownListl 控件 添 
加 DropDownListl_SelectedIndexChanged 事件 ,添加 如 下 代码 。 


protected void DropDownList1 SelectedIndexChanged (object sender, EventArgs e) 
{ 
DropDownList2.Ttems.Clear(); 
// 根 据 DropDownList1 选择 的 value 值 判 断 是 哪个 省 
if (DropDownList1.SelectedValue == "01") // 图 3.11 所 示 '01 为 朝阳 区 的 value 值 
{ 
// 使 用 Add 方 法 向 DropDownList2 的 集合 项 中 添加 项 
DropDownList2.Items.Add (new ListItem(" 西 城区 ", "1")); 
DropDownList2.Items.Add (new ListItem(" 东 城区 "，"2")) 
DropDownList2.Items .Rdd (new ListItem(" 朝 阳 区 "，"3")); 
DropDownList2.Items .Rdd (new ListItem(" 宣 武 区 "，"4") ) 


else 


DropDownList2.Items .Rdd (new ListItem(" 西 城区 ", "1")); 
DropDownList2.Items.Add (new ListItem(" 东 城区 ",， "2")); 
DropDownList2.Items.Add (new ListItem(" 塘 沽 区 "，"3")); 


} 


(4) 设置 DropDownList2 的 AutoPostBack 为 true, 并 双击 DropDownList2 控件 添 
加 DropDownList2_SelectedIndexChanged 事件 ,及 以 下 代码 。 


protected void DropDownList2 SelectedIndexChanged (object sender, EventArgs e) 
' 

// 先 清空 DropDownList3 

DropDownList3.TItems.Clear(); 

// 根 据 DropDownList2 的 选择 向 DropDownList3 中 添加 项 

if (DropDownList2.SelectedValue == "01") 

{ 

DropDownList3.Items .Add (new ListItem("x 街道 ","1" )); 
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} 


DropDownList3.Items.Add (new ListItem("y 街 道 " "2" )); 


(5) 为 【确定 3 按钮 添加 Click 事件 及 代码 。 


// 在 Labell 中 显示 三 个 DropDownList 的 选择 项 内 容 和 TextBoxl 的 填写 内 容 
Labell1.Text =DropDownListl1.SelectedItem.Text; 

Labell1.Text += DropDownList2.SelectedItem.Text; 

Labell.Text += DropDownList3.SelectedItem.Text; 

Labell .Text +=TextBox] .Text; 


(6) 运行 3-5. aspx 页 面 ,效果 如 图 3. 12 所 示 。 单 击 【确定 了 按钮 显示 用 户 选择 的 配 


送 地 址 。 


ASP.NET 提供 了 两 种 复 选 框 功 能 的 控件 ,CheckBox 控件 和 CheckBoxList 控件 分 
别 用 于 向 用 户 提供 选项 和 选项 列表 (如 图 3. 13 所 示 )。CheckBox 适合 用 在 选项 不 多 且 
比较 固定 的 情况 。 当 选项 较 多 或 者 需要 在 运行 时 动态 决定 有 哪些 选项 显示 时 ,使 用 
CheckBoxList 控件 则 比较 方便 。 两 个 控件 的 典型 属性 和 事件 如 表 3.6 和 表 3.7 所 示 。 


ID 













[5 localhost8041/chapter3/3- X 
《 >》 如 9 女 'httpyhocahost804u5 vv > 团 回 因 社 三 
请 选择 您 的 配送 地 址 ， 
| 北京 市 "| | 朝阳 区 "| | x 街 道 "| | 幸福 小 区 100 号 


[确定 | 
北京 市 朝阳 












区 x 街道 幸福 小 区 100 号 





3.12 实例 3-5 的 运行 效果 


37 CheckBox( 复 先 框 ) 和 CheckBoxList 控件 


表 3.6 CheckBox 控件 的 典型 属性 和 事件 
获取 或 设置 控件 时 的 服务 器 端的 编程 标识 





Text 


获取 或 设置 显示 的 文本 内 容 





属性 | Checked 


表示 是 否 (true,false) 选 中 














AutoPostBack 当选 择 状 态 发 生 改 变 时 ,是 否 立 即 提交 (true/false) 
OnCheckChanged 指定 单 击 事件 触发 的 事件 的 名 称 
事件 | CheckChanged 选择 内 容 改变 触发 该 事件 ( 单 击 事件 ) 





表 3.7 CheckBoxList 控件 的 典型 属性 和 事件 


人 @: ASPNET 网 页 标准 控件 


61 























ID 获取 或 设置 控件 时 的 服务 器 端的 编程 标识 
Items 数据 项 集合 (Text, Value) 
RepeatColumns 控件 列表 布局 的 列 数 
属性 | RepeatDirection 项 的 布局 方向 : 垂直 、 水 平 
RepeatLayout Table、Flow 
AutoPostBack 当选 择 状态 发 生 改变 时 ,是 否 立 即 提交 (true/false) 
OnSelectedIndexChanged | 设置 选择 项 发 生变 化 时 触发 的 事件 





事件 | SelectedIndexChanged 








当选 择 项 发 生变 化 时 触发 该 事件 .执行 事件 中 的 代码 


【实例 3-6】 CheckBox 控件 和 CheckBoxList 控件 的 使 用 。 


(1) 在 网 站 chapter3 中 ,添加 一 个 Web 页 面 3-6. aspx, 在 页 面 上 添加 一 个 Table, 文 
字 提 示 信 息 直接 写 。 放 入 4 个 CheckBox 控件 ,分 别 为 CheckBoxl、CheckBox2、 


CheckBox3 CheckBox4 ,一 个 CheckBoxList 控件 ,一 个 Button1, 一 个 Labell 。 


(2) 设置 4 个 CheckBox 控件 的 Text 属性 分 别 为 : 唱歌 .跳舞 、 旅 游 、 读 书 。 
CheckBoxListl 的 Items 属性 集合 内 容 为 : 看 新 闻 、 看 视频 、 刷 微 博 、 发 评论 ， 
RepeatColumns 属性 的 值 为 2。Buttonl 的 Text 为 “提交 ”。Labell 的 Text 属性 为 空 。 


以 上 操作 生成 的 代码 如 下 。 


< SQ@Page Language= "C# "RutoEventWireup= "true" CodeFile="3- 6.aspx.cs" Inherits=" 3_6" 


多 > 
< !DOCTYPE html> 


<html xmlns= "http://www.w3.0rg/1999/xhtml"> 


<head runat= "server"> 


<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 


<title>< /title> 


<style type= "text/css"> 


-auto- stylel { 
width: 100%; 
} 
</style> 
< /head> 
<body> 


< form id= "forml" runat= "server"> 


<div> 


<table class= "auto- stylel"> 


E> 


<tq> 请 选择 你 的 兴趣 爱好 : < /td> 


</tr> 
<tr> 


<td> 
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<asp:CheckBox ID= "CheckBoxl" runat= "server" Text= "唱歌 " /> 
<asp:CheckBox ID= "CheckBox2" runat= "server" Txt= "跳舞 " /> 
<asp:CheckBox ID= "CheckBox3" runat= "server" Text= "旅游 " /> 
<asp:CheckBox ID= "CheckBox4" runat= "server" Text= "读书 " /> 
</td> 
</tr> 
<tr> 
<td> gnbsp;< /td> 
< /E> 
区 
<td> 请 选择 你 上 网 最 常 做 的 事情 : < /td> 
</tr> 
<tr> 
<td> 
<asp:CheckBoxList ID= "CheckBoxList1" runat= "server" 
RepeatColumns= "2"> 
<asp:ListItem> 看 新 闻 < /asp:ListItem> 
<asp:ListItem> 看 视频 < /asp:ListItem> 
<asp:ListItem> 刷 微 博 < /asp:ListItem> 
<asp:ListItem> 发 评论 </asp:ListItem> 
</asp:CheckBoxList> 
</td> 
</tr> 
<tr> 
<td> 
<asp:Button ID= "Buttonl" runat= "server" Text= "提交 " 
OnClick= "Button1 Click" /> 


<br /> 
<asp:Label ID= "Label11" runat= "server">< /asp:Label> 
</td> 
</tr> 
</table> 
</div> 
< /form 
< /body> 
< /html> 


(3) 双击 Buttonl ,添加 Buttonl_Click 事件 ,并 编写 如 下 代码 。 


protected void Button1 Click (object sender, EventArgs e) 
int i=0; 
if (CheckBox1.Checked==true) // 如 果 选 择 了 checkBoxl 控件 
Label11.Text =™ 你 爱 好 "十 CheckBox1 .Text; 
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if (CheckBox2.Checked ==true) // 如 果 选 择 了 checkBox2 控件 
Label1.Text +="<br> 你 爱好 " +CheckBox2.Text; 

if (CheckBox3.Checked==true) // 如 果 选 择 了 CheckBox3 控 件 
Labell1.Text +="<br> 你 爱好 " +CheckBox3.Text; 

if (CheckBox4.Checked==true) // 如 果 选 择 了 CheckBox4 控件 
Labe11.Text +="<br> 你 爱好 "+CheckBox4.Text; 


Label1.Text +="<br><br> 你 上 网 经 常 做 这 些 事 : <br>"; 
// 循 环 判 断 CheckBoxList1 中 的 项 
for (这 0;i<CheckBoxList1.Items.Count; i++) // 循 环 次 数 由 CheckBoxList1 的 项 数 决定 


if (CheckBoxList1.Items [1] .Selected==true) 
Labell.Text +=CheckBoxLjist1.Items [I] .Text+ "<br> "7 


} 
上 述 代 码 中 ,CheckBox 控件 使 用 Checked 判断 是 否 选 中 ,CheckBoxList 控件 需要 使 


用 Items[i. Selected 判断 集合 中 的 第 i 条 是 否 选 中 。 
(4) 运行 3-6. aspx, 单 击 Button, 效 果 如 图 3. 13 所 示 。 


[ localhost8041/chapter3/3. X 
《 > 人 驴 史 htpyiocalhost8o4dz > 国 国 负 尘 三 





请 选择 你 的 兴趣 爱好 ， 
回 唱歌 目 跳 舞 回 旅游 目 读书 


请 选择 你 上 网 最 常 做 的 事情 ， 
回 看 新 闻 日 刷 微 博 

日 看 视频 加 发 评论 

芽 E 
你 爱好 唱歌 

你 爱好 旅游 

你 上 网 经 常 做 这 些 事 ， 
看 新 闻 
发 评论 














图 3.13 3-6. aspx 的 运行 效果 
从 上 面 的 例子 可 以 看 出 , 当 有 多 个 复 选 框 时 ,CheckBoxList 可 以 使 用 循环 简化 代码 ， 
38 RadioButton( 单 选 按钮 ) 和 RadioButtonList 控件 


ASP. NET 提供 了 两 种 单 选 按钮 功能 的 控件 ,RadioButton 控件 是 一 个 单 选 按钮， 
RadioButtonList 是 一 个 单 选 按钮 的 集合 ,可 以 根据 需要 设置 多 个 ,这 些 单 选 按钮 的 显示 
外 观 可 以 统一 设置 。 
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在 使 用 中 ,一 组 RadioButton 控件 只 能 选择 一 个 ,具有 相同 GroupName 属性 值 的 
RadioButton 控件 即 为 一 个 组 ; 而 CheckBox 可 以 选择 多 个 ,不 需要 分 组 。 
RadioButtonList 控件 中 的 单 选 按 钮 选项 即 为 一 个 组 ,不 需要 设置 GroupName 属性 。 

这 两 个 控件 的 常用 属性 与 CheckBox 和 CheckBoxList 的 大 部 分 属性 相同 (如 表 3. 5 
和 表 3.6 所 示 )。 只 是 RadioButton 控件 具有 GroupName 属性 ,用 来 分 组 。 

【实例 3-7】 RadioButton 和 RadioButtonList 的 使 用 。 

(1) 在 网 站 chapter3 中 添加 一 个 Web 窗 体 3-7. aspx, 在 页 面 上 放 两 个 Label 控件 、 
一 个 RadioButtonList \ 两 个 Image 控件 (标准 控件 选项 卡 中 提供 ,用 来 显示 图 像 ) 一 个 
Button 控件 、 两 个 RadioButton 控件 。 

(2) 在 网 站 根 目录 下 添加 一 个 文件 夹 Images, 在 其 中 存放 图 片 1. jpg、2. jpg、3. jpg、 
4.jpg、5.jpg、wangzi. jpg、gongzhu. jpg( 如 图 3. 14 所 示 )。 

(3) 属性 的 初始 设置 具体 如 表 3. 8 所 示 。RadioButtonListl 控件 的 Items 属性 设置 
如 图 3. 15 所 示 , 将 每 一 项 的 Value 值 设 为 要 显示 的 图 像 的 文件 名 ,并 将 第 一 项 的 
Selected 设 为 true, 以 实现 默认 选择 第 一 项 。 


































































































Listitem 集合 如 如 器 区 | 
成 员 (M): 维尼 和 他 的 朋友 们 属性 (P): 
| 
4 条 大 
Enabled True 
Ee] True E| 
Text 维尼 和 他 的 朋友 们 
Value ljpg 
4 ®@ DA\chapters\ 
四 ljpe 
轩 2jpg 
轩 3jpg 添 h0(A) 移 除 (N) 
国 4jpg 
轩 5jpg 
国 gongzhujpg Ws || ms 
园 wangzijpg 
3.14 图 像 保存 路 径 3.15 ”RadioButtonListl 的 Items 集合 内 容 设置 
表 3.8 实例 3-7 中 的 控件 设计 说 明 
控件 类 型 控件 名 Text AutoPostBack | ImageUrl 其 他 说 明 
请 选择 你 最 喜 
Label Labell 欢 的 动画 片 
RadioButton- | RadioButton- "如 图 3. 15 所 SelectedIndexChanged 
List Listl 示 " 默认 选 第 一 项 
Button Buttonl 显示 图 片 Click 
Label Label2 选择 你 的 头像 
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续 表 
控件 类 型 控件 名 Text AutoPostBack ImageUrl 其 他 说 明 
RadioButton | RadioButtonl | 王子 true CheckChanged 
CheckCh: d 与 

RadioButton | RadioButton2 | 公主 true ea 
Image Imagel mage 默认 为 选中 状态 

1.jpg 
Image Image2 本 /images/ 

wangzi. jpg 





RadioButtonList 控件 的 对 应 代码 如 下 。 


<asp:RadioButtonList ID= "RadioButtonList1" runat= "server" Height= "242px" 
OnSelectedIndexChanged= "RadioButtonList1 SelectedIindexChanged" Width= 
"203px" RepeatColumns= "1" AutoPostBack= "True"> 

<asp:ListItem Value= 叫 .jpg" Selected= "True"> 维 尼 和 他 的 朋友 们 < /asp:ListItem> 

<asp:ListItem Value="2.jpg"> 米 奇妙 妙 屋 < /asp:ListItem> 

<asp:ListItem Value= "3.jpg"> 大 头 儿 子 和 小 头 和 爸爸 < /asp:ListItem> 

<asp:ListItem Value= "4.jpg"> 海 绵 宝宝 < /asp:ListItem> 

<asp:ListItem Value= "5.jpg"> 海 底 小 纵队 < /asp:ListItem> 
</asp:RadioButtonList> 


Imagel 的 代码 如 下 。 


<asp:Image ID= "Imagel" runat= "server" Height= "237px" ImageUr1= 
"~ /images/1.jpg" Width= "195px" RlternateText= "图 片 无 法 显示 "” /> 


RadioButtonl 的 代码 如 下 。 


<asp:RadioButton ID= "RadioButton1" runat= "server" AutoPostBack= "True" 


Checked= "True" GroupName= "gender" OnCheckedChanged= "RadioButton1l 
CheckedChanged" Text= "王子 " /> 


(4) 在 Buttonl 的 Click 事件 中 ,设置 Imagel 控件 的 图 片 来 源 , 代 码 如 下 。 
Imagel .ImageUrl= "images/" +RadioButtonList1.SelectedValue; 


(5) 在 RadioButton 控件 的 CheckChange 事件 中 ,根据 选择 的 改变 来 改变 Image2 控 
件 的 图 片 来 源 ,代码 如 下 。 


protected void RadioButtonl CheckedChanged (object sender, EventArgs e) 
{ 
Image2. ImageUrl= "~ /images/wangzi .jpg"; 
} 
protected void RadioButton2 CheckedChanged (object sender, EventArgs e) 


{ 
Image2. ImageUrl= "~ /images/gongzhu.jpg"; 
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} 


(6) 运行 3-7. aspx, 效 果 如 图 3. 16 所 示 。 单 击 【 显 示 图 片 ] 按 钮 时 显示 选择 的 动画 片 
的 图 片 ,选择 不 同 的 头像 时 显示 对 应 的 头像 图 片 。 


请 选择 你 最 喜欢 的 动画 片 


@ 维 尼 和 他 的 朋友 们 

上 自 米 奇妙 妙 屋 

目 大 头 儿 子 和 小 头 爸爸 
四 海绵 宝宝 


四 海底 小 纵队 





显示 图 片 


选择 你 的 头像 








在 本 例 中 , 单 击 RadioButtonList 也 可 以 实现 选择 不 同 的 动画 片 时 , 立 昌 


图 片 ,在 此 不 再 说 明 。 


《< > BO) http//Nocalhost:8041/chapter3/3-$ ~ > 加 由 之 三 





3.16 实例 3-7 的 运行 效果 

















显示 对 应 的 


上 面 讲 到 的 CheckBoxList、RadioButtonList 与 DropDownList 都 属于 列表 类 型 的 
控件 ,因此 与 DropDownList 具有 一 些 相 同 的 属性 ,在 RadioButtonList 的 属性 列 中 没有 
列 出 的 可 以 参考 DropDownList 的 属性 列表 。 如 为 RadioButtonListl 添加 项 的 代码 


如 下 。 


RadioButtonList1.Items .Add (new ListItem("text", "value")); 


39 ListBox 控件 


ListBox 控件 即 允 许 单项 或 多 项 选择 的 列表 框 , 它 的 常见 功能 如 图 3. 17 所 示 ,选择 
左 侧 ListBox 控件 中 的 一 项 或 多 项 , 单 击 【添加 了 按钮 将 添加 到 右 侧 ListBox 中 。 单 击 【 删 
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除 ] 按 钮 将 把 右 侧 ListBox 控件 的 选中 项 删除 。 


PowerPoint 选项 





几 seyxtspaIR。 


从 下 列 位 置 选择 命令 (QO:C 言 定义 快速 访问 工具 栏 (Q):@ 
用 于 所 有 文档 ( 鳞 认 ) 




















< 分 隔 符 > 

版 式 

保存 

插入 起 链接 
插入 来 后 文件 的 图 片 
撤消 

从 头 开始 放 员 幻灯 片 
打开 

打印 预览 

大 小 和 位 置 . 

间 电子 邮件 

如 动作 

当 复制 所 选 幻灯 片 

妈 幻灯 片 从 大 网).. 












































在 功能 区 下 方 显示 快速 访问 工具 栏 (H) 























图 3.17 ListBox 在 PowerPoint 软件 的 选项 功能 中 的 应 用 
它 与 DropDownList 一 样 都 属于 列表 控件 , 它 的 主要 属性 和 事件 如 表 3.9 所 示 。 添 
加 项 的 代码 为 : 
控件 名 .Items .Add (new ListItem(Text,Value)); 


表 3.9 ListBox 控件 的 典型 属性 和 事件 





























ID 获取 或 设置 控件 时 的 服务 器 端的 编程 标识 
Items 获取 或 设置 列表 框 内 容 的 集合 
ITtems[i]. Text 获取 或 设置 列表 框 中 索引 i 选项 的 Text 值 
Items[i]. Value 获取 或 设置 列表 框 中 索引 i 选项 的 Value 值 
属性 | jtems[i]. Selected 获取 或 设置 列表 框 中 索引 i 选项 是 否 选 中 (true/false) 
Items. Count 获取 列表 框 中 选项 的 数目 
SelectionMode 设置 可 选择 项 数 (Single/ Multiple) 
ost 当下 拉 列 表 的 选择 项 发 生 改变 时 ,是 否 立即 提交 包括 此 文本 框 的 表 
单 (true/false) 
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Items. Clear() 清空 列表 框 的 集合 
Items. Add() 为 列表 框 添加 一 条 选项 
事件 | SelectedIndexChanged 当选 择 项 发 生变 化 时 触发 该 事件 ,执行 事件 中 的 代码 


方法 














【实例 3-8】 ListBox 控件 的 使 用 方法 。 

(1) 在 网 站 chapter3 中 添加 一 个 Web 窗 体 3-8. aspx, 拖 放 一 个 Label 控件 、 两 个 
ListBox 控件 (ListBoxl 和 ListBox2) 和 两 个 Button 按钮 (Buttonl 和 Button2)。 

(2) 设置 Labell 的 Text 属性 为 “ 填 满 你 的 书 橱 >。 设 置 ListBoxl 和 ListBox2 的 
SelectionMode 属性 为 Multiple, Items 属性 内 容 如 图 3. 18 所 示 。 两 个 Button 按钮 的 
Text 属性 分 别 为 “添加 ”和 "删除 ”。 

(3) 在 【添加 了 按钮 的 Click 事件 中 填写 如 下 代码 ,实现 从 ListBoxl 向 ListBox2 中 添 
加 选中 的 项 目 , 并 在 ListBoxl 中 删除 。 





for (int i=0; i<ListBox]l.Items.Count; i++) 
‘ 
if (ListBox]l.Items[i].Selected) 
{ 
// 向 listbox 添 加 内 容 
string strText=ListBox].Items [i].Text; 
string strValue= ListBox].Items [i] .Value; 
ListBox2.Items.Add (new ListItem(strText, strValue)); 
ListBox1.Items .RemoveAt (i); 


} 


(4) 在 【删除 了 按钮 的 Click 事件 中 填写 如 下 代码 ,实现 从 ListBox2 向 ListBoxl 中 添 
加 选中 的 项 目 , 并 在 ListBox2 中 删除 。 


for (int i=0; i<ListBox2.Items.Count; i++) 
. 
if (ListBox2.Items[i].Selected) 
{ 
// 向 listbox 添 加 项 
string strText=ListBox2.Items [i] .Text; 
string strValue= ListBox2.Ttems [i] .Value; 
ListBox].Items.Add (new ListItem(strText, strValue)); 
// 从 二 stBox2 的 集合 中 删除 第 i 项 
ListBox2 .Items .RemoveAt (i); 


' 


(5) 运行 3-8. aspx 页 面 ,效果 如 图 3. 18 所 示 。 
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《< > BD) http//ocalhost8041/chapter3/3-8as$ ~ > 国 鳃 三 


填 满 你 的 书 橱 
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商道。 
i 


























图 3.18 实例 3-8. aspx 的 运行 效果 


310 HyperLink 控件 


HyperLink 控件 用 于 在 Web 页 面 上 创建 超级 链接 。 它 的 主要 属性 如 表 3. 10 所 示 。 
表 3.10 HyperLink 控件 的 典型 属性 











属 性 作 用 
Text 设置 显示 的 文本 
NavigateUrl 设置 链接 到 的 URL 
ImageUrl 设置 显示 图 像 的 URL 





设置 打开 链接 的 目标 框架 (frame) ,默认 为 本 窗口 打开 。 
_blank 表示 在 新 空白 窗口 打开 链接 地 址 ; 

_self 表示 在 本 窗口 打开 链接 ; 

_top 表示 在 top 窗口 打开 链接 ; 

_parent 表示 在 当前 框架 的 上 一 层 里 打开 链接 ; 

_search 表示 在 浏览 器 的 搜索 区 打开 链接 


Target 





当 同 时 设置 HyperLink 控件 的 ImageUrl 和 Text 属性 时 ,将 显示 图 像 , 不 显示 文本 。 


3.11 AdRotator 控件 


AdRotator 控件 提供 一 种 在 网 页 上 显示 广告 的 方法 。 该 控件 可 以 显示 . gif 文件 、 
.jpg 等 格式 的 图 像 , 单 击 图 像 可 以 打开 指定 的 广告 页 面 。AdRotator 控件 可 以 从 数据 源 
(DataSourceID) 或 包含 广告 信息 的 XML 文件 (AdvertisementFile) 中 读 取 广告 信息 。 
AdRotator 控件 会 随机 显示 广告 信息 中 的 广告 ,每 次 刷新 页 面 时 都 将 更 改 显 示 的 广告 。 
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根据 广告 设置 的 权重 控制 广告 的 显示 频率 。 广 告 控件 及 XML 文件 的 属性 如 表 3. 11 所 
示 。 广 告 文件 中 的 元 素 区 分 大 小 写 。 


表 3.11 AdRotator 控件 的 属性 
类 别 属 性 作 用 


DataSourceID 指定 数据 源 








AdvertisementFile | 指定 包含 广告 信息 的 XML 文件 ( 需 提 供 该 配置 文件 ) 





AlternateTextField | 指定 要 检索 的 替换 文字 的 元 素 名 称 























AdRotator 控件 
KeywordFilter 指定 筛选 广告 的 关键 字 
NavigateUrlField | 指定 要 检索 的 网 页 URL 的 元 素 名 称 
Target 指定 链接 的 目标 框架 
ImageUrl 要 显示 的 图 像 的 URL 
AlternateText 图 像 无 法 正常 显示 的 替换 文字 
NavigateUrl 单 击 广告 控件 时 要 转 到 的 网 页 的 URL 
XML 文件 
Keyword 广告 的 关键 字 , 可 用 于 筛选 特定 广告 





指示 广告 显示 频率 的 数值 。 在 XML 文件 中 ,Impressions 值 
的 总 和 不 能 超过 2 048 000 000 一 1 


Impressions 








【实例 3-9】 广告 控件 的 使 用 。 
(1) 在 网 站 chapter3 中 新 建 3-9AdFile. xml 文件 ,编写 如 下 代码 。 


<?xml version= "1.0" encoding= "utf- 8"?> 
<Advertisements> 
<Rd> 
< ImageUrl> images/0001.jpg< /ImageUrl> 
<Keyword> 艺术 < /Keyword> 
< Impressions> 20< /Impressions> 
<NavigateUr1> 3- 1.aspx< /NavigateUr1> 
</RAd> 
<Ad> 
< ImageUrl> images/0002.jpg< /ImageUrl> 
<Keyword> 雪 人 < /Keyword> 
< Impressions> 40< /Impressions> 
<NavigateUrl> 3- 2.aspx< /NavigateUTr1> 
</RAd> 
<Ad> 
< ImageUrl> images/0003.jpg< /ImageUrl> 
<Keyword> 卡 通 < /Keyword> 


区 = ASPNET 网 页 标准 控件 1 





< Impressions> 20< /Impressions> 
<NavigateUrl> 3- 3.aspx< /NavigateUr1> 
</Rd> 


< /Advertisements> 

(2) 在 网 站 chapter3 中 ,添加 一 个 3-9. aspx 页 面 , 拖 放 一 个 AdRotator 控件 ,将 其 属 
性 AdvertimentFile 设置 为 3-9AdFile. xml。 

(3) 运行 3-9. aspx 页 面 ,如 图 3. 19 所 示 。 按 F5 键 或 单 击 浏览 器 中 的 [刷新 ] 按 钮 ， 
刷新 页 面 ,可 显示 不 同 的 广告 信息 ,Impression 值 较 大 的 广告 显示 频率 也 较 大 。 























3.19 3-9. aspx 的 运行 效果 


3.12 Calender 控件 


Calender 控件 用 于 在 Web 页 面 上 显示 日 历 。 它 的 属性 如 表 3. 12 所 示 。 
表 3.12 Calender 控件 的 属性 说 明 

















属 性 作 用 
NextPrevFormat 月 导航 的 显示 格式 。 使 用 “&gt; ”表示 “二 ”; 使 用 & lt; ”表示 “一 ” 
SelectionMode 指定 日 .、 周 、 月 是 否 可 以 选择 (None、Day、DayWeek、DayWeekMonth) 
Style 设置 样式 :背景 色 .前 景色 .边界 等 
SelectedDay 当前 选 定 的 日 期 (默认 为 当天 ) 
SelectionChanged 选择 内 容 改变 时 触发 该 事件 








开发 人 员 可 以 设置 Calender 控件 不 同 部 位 的 显示 风格 (Style, 见 表 3. 12) ,图 3. 20 
表明 了 Calender 控件 不 同 部 位 的 名 称 。 可 以 使 用 下 面 的 代码 获得 控件 选 定 的 日 期 ,如 
2012-1-1。 


Calendar1.SelectedqDate.-ToShortDateString () 7 
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图 3.20 ”Calender 控件 的 不 同 部 位 


3.13 ”ImageMap 控件 


ImageMap 控件 可 以 用 来 显示 图 像 , 也 可 以 实现 图 像 的 超 链 接 。 该 控件 的 最 大 特点 
是 可 以 将 ImageMap 中 的 图 像 按照 (X,Y) 坐 标 划分 成 不 同 的 区 域 ,分 别 链接 到 不 同 的 网 
页 。 该 控件 的 ImageUrl 属性 用 来 指定 链接 的 图 像 源 文件 的 URL, HotSpot 属性 用 来 划 
分 链接 区 域 。 单 击 HotSpot 属性 右边 的 省 略 号 按钮 ,将 弹出 如 图 3. 21 所 示 的 对 话 框 。 


HotSpot Ee i 
成 员 (M): CircleHotSpot 属性 (P): 


9 国 国 %|# 
1| RectangleHotSpot 2 有 为 
2| poygonHotspot 加 pr 
3|CircleHotSpot ee 
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图 3.21 HotSpot 属性 设置 的 对 话 框 


HotSpotMode Notset |- 设 首 单 击 链接 











区 | 


设置 可 以 链接 的 
区 域 圆 撒 区 域 需 
设 于 径 及 坐标 

















当 运 行 时 , 单 击 设置 的 区 域 ,如 图 3. 22 中 ,图 像 中 的 黑色 圆圈 内 的 区 域 即 可 打开 


0001. jpg。 
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[localhost8041/chapter33- X 
《 > BD http//ocalhost8041/chapter3/3-$ ~ > 国 负 三 














图 3.22 ImageMap 运行 效果 


3.14 MutiView 和 View 控件 


MultiView 和 View 控件 主要 用 于 其 他 控件 和 标记 的 容器 ,以 可 替换 视图 的 方式 制 
作出 选项 卡 的 效果 。MultiView 控件 是 一 个 或 多 个 View 控件 的 外 部 容器 ,每 个 
MultiView 可 以 添加 多 个 View 控件 。 每 个 View 控件 又 可 以 包含 其 他 标记 和 控件 的 页 
面 设计 组 合 。 

MultiView 控件 的 活动 视图 只 能 有 一 个 ,由 ActiveViewIndex 设置 。MultiView 和 
View 控件 的 主要 属性 如 表 3. 13 所 示 。 


表 3.13 Calender 控件 的 属性 说 明 























控 件 属 性 作 用 
ActiveViewIndex | 获取 或 设置 MultiView 控件 的 活动 View 控件 的 索引 ,从 0 开始 
MultiView | Views 获取 MultiView 控件 的 View 控件 的 集合 
EnableTheming ”| 获取 或 设置 是 否 向 MultiView 控件 应 用 主题 的 值 (true/false) 
Visible 获取 或 设置 该 控件 是 否 可 见 (true/false) 
Ve EnableTheming | 获取 或 设置 是 否 向 View 控件 应 用 主题 的 值 (true/false) 


小 结 


每 种 控件 都 是 一 个 封装 的 类 ,是 可 重复 使 用 的 组 件 或 对 象 , 每 种 不 同 的 控件 都 有 自 
己 独特 的 属性 和 方法 ,可 以 响应 相应 事件 。ASP. NET 提供 了 多 种 类 型 的 控件 。 添 加 控 
件 有 两 种 方式 : 在 【工具 箱 了 中 双击 控件 或 直接 拖 动 控件 到 相应 位 置 的 方式 将 添加 到 页 面 
上 ;可 以 通过 类 的 实例 化 创建 控件 对 象 。 
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控件 的 属性 可 以 通过 【属性 了 窗口 设置 ,也 可 以 在 cs 文件 中 ,用 编程 的 方式 动态 设置 。 
本 章 主要 介绍 了 标准 控件 的 作用 、 特 点 和 典型 属性 和 事件 ,并 用 实例 演示 其 实际 用 法 和 
用 处 。 每 个 实例 都 给 出 了 详细 的 操作 步骤 和 运行 效果 图 ,便于 学 习 者 学 习 , 可 操作 性 较 
强 。 学 习 者 可 以 在 实例 中 掌握 开发 环境 和 控件 的 使 用 。 








梨 后 习 丁 
1. 填空 题 
(1y 默认 属于 浏览 器 端 控 件 (Browser Control) ,每 个 HTML 控件 都 能 直 
接 映 射 到 HTML 元 素 上 , 它 可 转换 为 服务 器 端 控件 (Server Control) 。 
(2) 属性 有 和 之 分 。 
(3) 在 中 通过 代码 进行 动态 设置 ,控制 程序 运行 过 程 不 同 阶段 的 控件 外 观 。 
(4) 设置 TextBox 控件 的 属性 为 ,可 使 它 成 为 密码 输入 框 。 
(5) 当下 拉 列 表 框 内 容 发 生 改 变 , 立 即 提交 包括 此 下 拉 列 表 框 的 表单 ,应 设置 
属性 和 在 事件 中 填写 要 处 理 的 代码 。 
(6) DropDownList 控件 的 Items 集合 中 的 (Text/Value) 属 性 值 是 用 户 可 
见 的 。 
(7) 一 组 RadioButton 控件 只 能 选择 一 个 ,具有 相同 属性 值 的 RadioButton 
控件 即 为 一 个 组 。 
(8) ImageMap 的 属性 用 来 划分 链接 区 域 。 
2. 选择 题 
(1) 下 面 几 个 控件 中 ,不 能 执行 鼠标 单 击 事件 的 控件 是 ( 和 
A. ImageButton B. Image C. ImageMap D. LinkButton 
(2) 下 列 按钮 ( 。””) 不 能 被 同时 选中 多 个 。 
A. CheckBox B. CheckBoxList C. ListBox D. RadioButton 
(3) 当 判 断 CheckBox 控件 的 某 个 选项 是 否 选中 时 ,应 使 用 ( ”) 属 性 。 
A. Checked B. Selected C. Text D. AutoPostBack 
(4) 当 设 置 ListBox 控件 的 可 选项 数 为 多 项 时 ,应 使 用 ( ) 属 性 。 
A. Count B. Selected C. SelectionMode D. Items 
3. 简 答 题 


(1) 简 述 RadioButton 控件 和 CheckBox 控件 有 何 异 同 。 
(2) 简 述 DropDownList 控件 和 ListBox 控件 有 何 异 同 。 
(3) 如 何 为 id 是 Label3 的 控件 设置 字体 颜色 为 Green? 


4. 上 机 操作 题 
上 机 目的 : 
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掌握 标准 控件 的 常用 属性 和 事件 的 作用 及 其 使 用 方法 ; 

能 够 用 标准 控件 制作 简单 的 网 页 ,实现 具有 一 定 意义 的 功能 。 

上 机 内 容 : 

(1) 在 实现 实例 3-5 的 基础 上 ,添加 一 个 CheckBookListl 控件 ,用 于 显示 常用 地 址 。 
添加 一 个 CheckBox 控件 [将 该 地 址 添加 为 常用 地 址 】, 若 选中 , 单 击 【 确 定 ] 按 钮 时 ,将 用 
户 填 写 的 配送 地 址 显示 在 CheckBookListl 控件 中 。 

(2) 在 实现 实例 3-7 的 基础 上 ,实现 选择 RadioButtonList 中 的 不 同 动画 片 时 ,立即 
显示 对 应 的 图 片 。 

(3) 在 实现 实例 3-8 的 基础 上 ,添加 一 个 DropDownList 控件 ,用 于 显示 图 书 的 种 类 ， 
当选 择 不 同 的 图 书 时 , 即 在 ListBoxl 中 显示 该 种 类 的 书 。 

(4) 新 建 一 个 网 站 standardControl, 完 成 以 下 功能 。 

@ 添加 一 个 course. aspx 页 面 ,添加 控件 及 功能 如 下 。 

四 个 Label 控件 : 用 于 显示 提示 信息 和 输出 信息 。 

两 个 TextBox 控件 : 用 于 输入 学 号 和 希望 的 上 课时 间 。 

一 个 DropDownListBox 控件 : 用 于 显示 用 户 可 选择 的 课程 名 (课程 号 隐藏 ) 。 

一 个 Button 控件 : 用 于 提交 。 首 先 判断 是 否 输入 学 号 。 如 果 没 有 输入 给 出 提示 信 
息 ; 如 果 有 输入 则 显示 用 户 填写 的 学 号 和 和 希望 的 上 课时 间 、 课 程 名 和 课程 号 ,以 及 该 门 课 
程 的 上 课时 间 、 地 点 、 学 时 、 教 师 等 。 显 示 信 息 在 不 同 的 行 。 

@ 添加 一 个 computer. aspx 页 面 ,添加 控件 及 功能 如 下 。 

三 个 Label 控件 : 用 于 显示 提示 信息 和 输出 价格 。 

两 个 RadioButtonList 控件 : 用 于 显示 内 存 的 大 小 (如 1GB、2GB、3GB) 及 硬盘 的 大 
小 (如 100GB、250GB、500GB) ,供用 户 单项 选择 ,默认 选中 第 一 项 。 

事件 : 当 用 户 选择 的 内 存 和 硬盘 改变 时 ,立即 提交 ,在 Label 控件 中 显示 内 存 和 硬盘 
的 价格 之 和 。 

@ 添加 一 个 characterTest. aspx, 添 加 控件 及 功能 如 下 。 

一 个 Label 控件 : 用 于 显示 问题 。 

五 个 RadioButton: 用 于 显示 问题 的 不 同 答案 。 设 为 一 组 ,用 户 只 可 以 选 一 项 。 

一 个 ImageButton: 根据 用 户 的 输入 给 出 不 同 的 性 格 特征 。 


数据 验证 


在 交互 式 页 面 中 ,经 常 需要 使 用 输入 控件 来 收集 用 户 输入 的 信息 。 为 了 确保 提交 到 
服务 器 的 信息 内 容 和 格式 是 有 效 的 ,就 必须 编写 代码 来 验证 用 户 输入 数据 的 有 效 性 , 即 
数据 验证 。 用 户 输入 信息 错误 时 验证 失败 ,将 在 页 面 上 显示 错误 信息 (如 图 4.1 所 示 的 
信息 ) 。 验 证 实际 上 就 是 对 所 收集 的 数据 应 用 一 系列 的 规则 。 数 据 验证 的 方式 有 两 种 : 
一 种 是 在 客户 端 写 JavaScript 脚本 进行 验证 ; 另 一 种 是 提交 到 服务 器 后 再 验证 。 客 户 端 
验证 的 优点 是 响应 速度 快 ,但 是 如 果 用 户 浏 览 器 不 支持 JavaScript 或 者 禁用 了 该 脚本 功 
能 ,那么 检验 工作 就 不 能 顺利 进行 了 ,而 且 信息 安全 性 较 低 。 服 务 器 端 验证 刚好 弥补 了 
在 客户 端 验证 的 缺点 ,但 同时 却 牺 牲 了 一 定 的 信息 回 传 和 反馈 时 间 。 
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Emal 帐号 | 请 填写 一 个 您 想 要 申请 的 帐号 。 ||@qq.com 。。 国 |《 你 还 未 输入 Emalk 号 
例如 : example2009,example,2009 
昵称 4 昵称 不 可 以 为 宝 
生日 |- 贺年 |- 国有 |- 圆 日 4 生 B 不 可 为 宝 
性 别 @ 男 ” 〇 女 
密码 < 密码 不 可 以 为 宝 
6-16 个 字符 组 成 ， 区 分 大 小 写 ,不 能 为 9 位 以 下 纯 数字 
确认 密码 4 请 再 次 输入 密码 
所 在 地 [中 国 同 过 加 三 国 




















4.1 注册 邮箱 时 的 数据 验证 功能 


本 章 学 习 目 标 : 

。 理解 数据 验证 的 含义 和 过 程 ; 
。 掌握 数据 验证 控件 的 使 用 方法 ; 
。 能 够 制作 简单 的 数据 验证 页 面 。 
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41 队 吏 验 焉 控件 


ASP. NET 提供 了 6 个 验证 控件 (如 表 4. 1 所 示 ) ,能 够 实现 常见 的 验证 功能 ,也 可 以 
自 定义 验证 功能 。 它 们 直接 或 间接 派生 于 类 System. Web. UI. WebControls 
. BaseValidator。 这 些 控件 用 于 验证 在 服务 器 控件 中 的 输入 ,不 通过 时 将 给 出 自 定义 的 
错误 信息 。 一 个 输入 控件 可 以 同时 被 多 个 验证 控件 验证 ,验证 条 件 之 间 是 逻辑 与 的 关 
系 。 比 如 ,Email 地 址 既 不 能 为 空 ,又 要 格式 正确 。 只 有 输入 的 Email 地 址 同时 满足 两 个 
条 件 时 才能 通过 验证 。 


表 4.1 ASP. NET 的 验证 控件 列表 


验证 类 型 控件 名 称 功能 描述 

非 空 验证 | RequiredFieldValidator 用 于 确保 被 验证 的 控件 中 有 输入 值 , 如 用 户 名 不 能 为 空 等 
该 控件 使 用 比较 运算 符 (二 ,二 等 ) 将 用 户 输入 与 一 个 常量 
值 或 另 一 个 控件 的 属性 值 进行 比较 

该 控件 用 于 检查 用 户 的 输入 是 否 在 特定 的 范围 内 ,如 年 龄 
范围 .时 间 范 围 等 

用 于 验证 用 户 输入 与 正则 表达 式 定义 的 模式 是 否 匹 配 ,如 
身份 证 号 码 、 电 子 邮 件 地 址 等 字符 序列 

编写 代码 自 定义 验证 功能 。 验 证 比较 灵活 ,使 用 范围 比较 
广泛 

不 执行 验证 。 仅 收集 本 页 面 上 所 有 验证 控件 的 错误 信息 ， 
并 显示 








比较 验证 | CompareValidator 





范围 验证 | RangeValidator 





模式 匹配 | RegularExpressionValidator 





自 定义 CustomValidator 





验证 汇总 | ValidationSummary 








需要 注意 的 是 ,在 Visual Studio 2012 中 ,需要 在 Web. config 文件 中 配置 如 下 信息 ， 
否则 无 法 运行 含有 验证 控件 的 页 面 。 
<appSettings> 
<add key= "ValidationSettings:UnobtrusiveValidationMode" value= "None" /> 


< /appSettings> 


42 ” RequiredFieldValidator 控件 实现 非 空 验 耳 


RequiredFieldValidator 控件 用 于 在 用 户 输 入 时 ,对 必 选 字段 进行 验证 。 未 输入 信息 
时 ,验证 失败 ,给 出 错误 信息 。 它 的 主要 属性 如 表 4. 2 所 示 , 这些 属性 , 除 
ValidationSummary 控件 外 的 验证 控件 也 具有 ,后 面 描述 中 不 再 列 出 。 

所 有 验证 控件 的 ControlToValidate 属性 都 是 必须 指定 的 ,否则 会 提示 错误 。 

Display 属性 的 值 有 三 个 ,含义 如 下 。 

(1) Static: 不 管 验证 是 否 通过 ,都 会 占有 预 留 位 置 。 
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表 4.2 RequiredFieldValidator 控件 的 主要 属性 
































”TcontrolToValidate | 设置 验证 的 目标 控件 的 D 
ErrorMessage 设置 验证 不 通过 时 显示 的 错误 信息 
Display 设置 验证 控件 的 显示 行为 
EnableClientScript | 设置 是 否 启用 客户 端 验证 (true/false) ,默认 为 true 
Ne Enabled 设置 是 否 启 用 验证 功能 (true/false) 
IsValid 设置 或 获取 验证 结果 是 否 有 效 (true/false) 
ForeColor 设置 验证 失败 时 错误 信息 的 文本 颜色 
Text 若 设 置 此 属性 ,验证 失败 时 显示 此 属性 值 。 否 则 显示 ErrorMessage 的 值 
方法 | Validate 执行 验证 的 相关 功能 .并 更 新 IsValid 属性 


(2) Dynamic: 若 验证 通过 , 则 不 占有 预 留 位 置 。 

(3) None: 即使 没有 通过 也 不 会 显示 错误 ,但 是 可 以 在 ValidatorSummary 中 显示 。 

通过 将 EnableClientScript 属性 设 为 true, 来 实现 允许 支持 DHTML 的 浏览 器 (如 
IE 4.0 及 更 高 版 本 ) 在 客户 端 执行 验证 。 在 向 服务 器 发 送 用 户 输入 前 ,由 客户 端 验证 用 
户 输入 来 增强 验证 过 程 。 在 提交 窗 体 前 就 可 以 在 客户 端 检 测 到 错误 ,从 而 减少 了 服务 器 
端 验 证 信息 的 传递 次 数 。 

每 个 验证 控件 以 及 Page 对 象 本 身 ,都 有 一 个 IsValid 属性 ,利用 该 属性 可 以 进行 页 
面 有 效 性 的 验证 ,只 有 当 页 面 上 的 所 有 验证 都 通过 时 ,Page. IsValid 属性 才 为 真 。 

默认 情况 下 ,在 单 击 按钮 控件 (如 Button ImageButton) 时 执行 验证 。 如 果 要 禁止 单 
击 按钮 时 执行 验证 ,可 设置 按钮 控件 的 CausesValidation 属性 为 false。 下 面 用 实例 演示 
RequiredFieldValidator 控件 的 功能 。 

【实例 4-1】 RequiredFieldValidator 控件 实现 必 填 字段 验证 。 

(1) 新 建 一 个 空 网 站 chapter4 ,添加 一 个 页 面 4-1. aspx。 在 该 页 面 上 放 三 个 Label 控 
件 , 三 个 TextBox 控件 (TextBox1l、TextBox2、TextBox3) 三 个 RequiredFieldValidator 控件 
和 三 个 Button 按钮 。 

(2) 设置 三 个 RequiredFieldValidator 控件 的 ControlToValidate 属性 分 别 为 
TextBoxl、TextBox2、TextBox3;ErrorMessage 分 别 设 为 “昵称 不 能 为 空 ”“ 密 码 不 能 为 
空 " 和 “Email 不 能 为 空 ”; ForeColor 为 Red (红色 );Display 分 别 为 Static、Dynamic、 
Dynamic。 生 成 的 代码 如 下 。 


< form id= "forml" runat= "server"> 
<div> 
<asp:Label ID= "Labell" runat= "server" Text= "昵称 : ">< /asp:Label> 
<asp:TextBox ID= "TextBox1" runat= "server">< /asp:TextBox> 
<asp:RequiredFieldValidator ID= "RequiredFieldValidator]1" runat= 
"server" ControlToValidate= "TextBox1" ErrorMessage= "昵称 不 能 为 空 " 
ForeColor= "Red">< /asp:RequiredFieldValidator> 
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<asp:Button ID= "Buttonl" runat= "server" Text= "确定 " /> 
<br /> 
<br /> 
<asp:Label ID= "Label2" runat= "server" Text= "密码 : ">< /asp:Label> 
<asp:TextBox ID= "TextBox2" runat= "server">< /asp:TextBox> 
<asp:RequiredFieldValidator ID= "RequiredFieldValidator2" runat= 
"server" ControlToValidate= "TextBox2" Display= "Dynamic" ErrorMessage= 
"密码 不 能 为 空 " ForeColor= "Red">< /asp:RequiredFieldValidator> 
<asp:Button ID= "Button2" runat= "server" Text= "确定 " /> 
<br /> 
<asp:Label ID= "Label3" runat= "server" Text= "Email: ">< /asp:Label> 
<asp:TextBox ID= "TextBox3" runat= "server">< /asp:TextBox> 
<asp:RequiredFieldValidator ID= "RequiredFieldValidator3" runat= 
"server" ControlToValidate= "TextBox3" Display= "Dynamic" ErrorMessage= 
"Email 不 能 为 空 " ForeColor= "Red">< /asp:RequiredFieldValidator> 
<asp:Button ID= "Button3" runat= "server" Text= "确定 " /> 
</div> 
< /form> 


(3) 运行 4-1. aspx, 查 看 效果 (如 图 4.2 所 示 )。 当 TextBox 不 为 空 时 ,不 显示 错误 信息 。 
Display 为 Static 的 验证 控件 始终 占 位 ,如 昵称 行 。Display 为 Dynamic 的 验证 控件 验证 通过 
时 不 占 位 ,如 密码 行 。 当 TextBox 为 空 时 ,验证 失败 ,显示 红色 的 错误 信息 ,如 Email 行 。 













[9 localhost53009/4-1.aspx XX 
《 >》 名 D9 人 六 httpy/ocalhost53009/4-lasp ~ >| 园 国 凶 三 


昵称 ， |nicheng| 确定 














密码 ， |mima | 确定 | 


Email: Email 不 能 为 空 | 有劲 宇 















4.2 页 面 4-1. aspx 的 运行 效果 


除了 RequiredFieldValidator 控件 ,其 他 所 有 的 验证 控件 都 会 将 空白 视 为 正确 , 即 通 
过 验证 。 因 此 ,RequiredFieldValidator 控件 经 常 与 其 他 验证 控件 搭配 使 用 。 例 如 在 后 面 
的 实例 4-3 中 ,不 输入 年 龄 为 验证 通过 ,如 果 要 求 输入 数据 不 可 以 为 空 , 则 必须 再 使 用 一 
个 RequiredFieldValidator 控件 。 


43 CompareValidator 控件 实现 数据 比较 验 征 


CompareValidator 控件 用 于 比较 两 个 控件 的 输入 是 否 符合 程序 设 定 ,将 用 户 输 入 的 
数据 与 党 数值. 其 他 输入 数据 或 数据 类 型 比较 。 控 件 属性 除 表 4.2 列 出 的 以 外 ,还 有 一 
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些 属性 如 表 4. 3 所 示 。 
表 4.3 ” CompareValidator 控件 的 部 分 典型 属性 
属 性 作 用 





ControlToCompare | 与 CompareValidator 指定 的 控件 输入 进行 比较 的 目标 控件 ID 





ValueToCompare 与 CompareValidator 指定 的 控件 输入 进行 比较 的 常数 





CompareValidator、ControlToCompare 进行 比较 的 运算 符 , 有 Equal( 相 等 )、 
NotEqual( 不 相等 )、GreaterThan (大 于 )、GreaterThanEqual (大 于 等 于 )、 








Opemtor LessThan( 小 于 ) 、LessThanEqual( 小 于 等 于 )、DataTypeCheck (数据 类 型 检查 )， 
满足 条 件 为 验证 通过 
type 进行 比较 的 类 型 (String\Integer\Date\Double\Currency) 


Operator 属性 如 果 设 置 为 DataTypeCheck, 则 CompareValidator 控件 将 忽略 
ControlToCompare 和 ValueToCompare 属性 ,并 且 仅 指示 验证 的 输入 控件 中 的 值 是 否 
可 以 转换 为 BaseCompareValidator. Type 属性 指定 的 数据 类 型 。 


4.3.1 ”ConmpareValidator 控件 实现 数据 大 小 比较 


CompareValidator 控件 可 以 实现 数据 大 小 的 比较 ,下面 以 实例 演示 。 

【实例 4-2】 CompareValidator 控件 实现 数据 比较 。 

(1) 在 网 站 chapter4 中 添加 4-2. aspx, 在 页 面 上 放 两 个 Label 控件 ,两 个 TextBox 控 
件 TextBoxl TextBox2 .一 个 Button 和 一 个 CompareValidator 控件 。 

(2) 设置 CompareValidator 控件 的 ControlToValidate 为 TextBox1,ControlToCompare 
为 TextBox2;ErrorMessage 为 “返程 日 期 不 能 早 于 出 发 日 期 ”>; ForeColor 为 Red( 红 色 ); 
Operator 为 LessThanEqual( 小 于 等 于 ) 。 

(3) 运行 4-2. aspx, 查 看 效果 (如 图 4. 3 所 示 )。 注 意 , 当 出 发 日 期 和 返程 日 期 都 不 输 
入 时 , 视 为 正确 。 


[5 localhost53009/4-2.aspx XX 
< > BD http/hocalhosts3 sv > 国 凶 三 





出 发 日 期 ， |2016-03-16 
返程 日 期 |2016-03-08 返程 日 期 不 能 早 于 出 发 日 期 

















确定 








4.3 实例 4-2 的 运行 效果 
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432 Comparevalidator 控件 实现 数据 类 型 检查 


在 实际 开发 过 程 中 ,会 经 常 需要 对 表单 项 中 的 数据 类 型 进行 检查 。 
CompareValidator 控件 可 以 实现 数据 类 型 检查 的 功能 。 
Operator 属性 值 DataTypeCheck 即 为 数据 类 型 检查 。 如 果 用 户 输入 数据 的 类 型 与 
Type 属性 值 一 致 , 则 通过 验证 ,否则 显示 错误 信息 。 
【实例 4-3】 CompareValidator 控件 实现 数据 类 型 检查 。 
(1) 在 网 站 chapter4 中 添加 4-3. aspx, 在 页 面 上 放 一 个 Label 控件 ,一 个 TextBox 控 
件 TextBoxl 和 一 个 CompareValidator 控件 。 
(2) 设置 CompareValidator 控件 的 ControlToValidate 为 TextBoxl;ErrorMessage 
为 “请 输入 一 个 整数 ”;ForeColor 为 Red( 红 色 );Operator 为 DataTypeCheck;type 为 
Integer。 
(3) 运行 4-3. aspx, 查 看 效果 (如 图 4.4 所 示 )。 当 输入 数据 不 是 Integer 类 型 时 , 显 
示 错 误 信 息 。 
【mw 四 iocalnost3359/chapter4j4 X 
| 《 > BD) http//ocalhost3359/chapter4/4-3.aspx 


请 输入 你 的 年 龄 请 输入 一 个 屯 数 





4.4 页 面 4-3. aspx 的 运行 效果 


44 ”RangeValidator 控件 实现 输入 范围 验 征 


RangeValidator 控件 用 于 检查 用 户 输入 的 值 是 否 在 指定 的 合法 范围 内 。 它 的 属性 
除 表 4. 1 中 列 出 的 ,还 有 以 下 两 个 属性 。 

(1) MaximumValue 属性 : 用 来 设置 范围 最 大 值 。 

(2) MinimumValue 属性 : 用 来 设置 范围 最 小 值 。 

下 面 用 实例 演示 RangeValidator 控件 实现 范围 验证 的 方法 。 

【实例 4-4】 RangeValidator 控件 实现 范围 验证 。 

(1) 在 网 站 chapter4 中 添加 4-4. aspx, 在 页 面 上 放 一 个 Label 控件 ,一 个 TextBox 控 
件 TextBoxl 和 一 个 RangeValidator 控件 。 

(2) 设置 RangeValidator 控件 的 ControlToValidate 为 TextBoxl, MaximumValue 
为 100; MinimumValue 为 0; ErrorMessage 为 “请 输入 0 一 100 之 间 的 数字 ”; ForeColor 
为 Red( 红 色 ) ;type 为 Double。RangeValidator 控件 生成 的 代码 如 下 。 


<asp:RangeValidator ID= "RangeValidatorl™" runat= "server" ControlToValidate= 
"TextBox1" ErrorMessage= "请 输入 0~ 100 之 间 的 数字 " ForeColor= "Red" MaximurValue= 
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"100" MinimumValue= "0" Type= "Double">< /asp:RangeValidator> 


(3) 运行 4-4. aspx, 查 看 效果 (如 图 4.5 所 示 )。 


[® localhost53009/4-3t XX 
《 >》 名 妆 httpy/ocalhost5300:5 ~v> 国 国 负 尘 
请 输入 你 的 成 绩 ， |150 引 请 输入 0-100 之 间 的 数字 




















图 4.5 范围 验证 的 运行 效果 


45 ”RegularExpressionValidator 控件 实现 和 模式 匹配 


RegularExpressionValidator 控件 用 于 检查 用 户 输入 的 数据 格式 是 否 匹 配 某 种 特定 
的 模式 。 可 以 检查 一 些 符合 一 定 规则 的 字符 序列 ,如 身份 证 号 码 . 电 子 邮 件 地 址 .邮编 、 
密码 等 这 种 模式 用 正则 表达 式 来 表示 。 这 些 
字符 序列 是 字母 数字、 下 划 线 ( _ ) 等 任意 符 
号 的 一 个 集合 。 这 种 规则 通过 正则 表达 式 来 

RegularExpressionValidator 控件 的 Validation- 
Expression 属性 用 于 设置 正则 表达 式 ,确定 验 
证 控件 的 输入 要 满足 的 模式 。 单 击 属性 右边 
的 省 略 号 按钮 时 弹出 【正则 表达 式 编 辑 器 (如 
图 4.6 所 示 ), 它 提供 了 一 系列 常用 的 正则 表 图 4.6 正则 表达 式 编辑 器 
达 式 ,可 以 直接 选择 ,也 可 以 修改 后 使 用 ,或 直 
接 自 定义 (Custom) 正 则 表达 式 。 

由 图 4.6 可 以 看 出 ,正则 表达 式 由 一 系列 有 特殊 含义 的 字符 组 成 ,常用 符号 及 含义 
如 表 4.4 所 示 。 





正则 表达 式 编辑 器 






标准 表达 式 (S): 
(Custom) 2 
Internet URL 国 


Internet 电子 邮件 地 址 
德国 电话 号 码 




























验证 表达 式 (E); 
Ww+([L+.]NWw+)r@NWw+([JNw+) VWw+ (CNWw+)" 





































表 4.4 正则 表达 式 的 常用 符号 及 含义 














符 号 含 义 
字母 和 数字 匹配 自身 

Ean 匹配 括号 中 的 任何 一 个 字符 
Easy 匹配 不 在 括号 中 的 任何 一 个 字符 
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续 表 
符 号 含 区 
\w 匹配 任何 一 个 单词 字符 (a 一 z、A 一 Z.0 一 9、( 下 画 线 )) 
\W 匹配 任何 一 个 非 单词 字符 
\s 匹配 任何 一 个 空白 字符 ,如 空格 , 制 表 符 ,换行 符 等 
\S 匹配 任何 一 个 非 空白 字符 
\d 匹配 任何 一 个 数字 (0 一 9) 
\D 匹配 任何 一 个 非 数字 (^(0 一 9)) 
[\b] 匹配 一 个 退 格 键 字 符 
{n,m)} 匹配 前 一 项 n 一 m 次 
{n,} 至 少 匹 配 前 一 项 n 次 
{n} 恰恰 匹配 前 一 项 mn 次 
? 匹配 前 面 表达 式 0 或 1 次 , 同 {0,1} 
十 至 少 匹 配 前 面 表达 式 一 次 , 同 {1,} ,如 a 十 匹配 一 个 或 多 个 a 
% 至 少 匹 配 前 面 表达 式 0 次 ,{0,), 如 ax 匹配 0 个 或 多 个 a 
| 匹配 前 面 表达 式 或 后 面 表达 式 
(…) 在 单元 中 组 合 项 目 
匹配 字符 串 的 开头 
$ 匹配 字符 串 的 结尾 
\b 匹配 字符 边界 
\B 匹配 非 字符 边界 的 某 个 位 置 
常用 的 正则 表达 式 有 以 下 几 种 。 


我 国 的 邮政 编码 : \d{(6》 

Internet 电子 邮件 : \w 十 ([ 一 十 .\w 二 )*@\w 二 ([ 一 . ]\w 十 ) * \. NAw 十 ([ 一 .和 
Wi )* 

Internet URL: http(s)?://([\w—jJ+\.)+[\w—J+ /I\w— ./?%&=]*)? 

下 面 用 实例 演示 RegularExpressionValidator 控件 的 使 用 方法 。 

【实例 4-5】 RegularExpressionValidator 控件 验证 Email 格式 的 有 效 性 。 

(1) 打开 网 站 chapter4, 添 加 页 面 4-5. aspx。 问 页 面 中 添加 一 个 Label, 一 个 
TextBox 控件 (ID 设 为 txtEmail) 和 一 个 RegularExpressionValidator 控件 。 

(2) 设置 RegularExpressionValidator 控件 的 ControlToValidate 属性 为 txtEmail; 
ErrorMessage 为 “请 输入 正确 的 Email 地 址 ”; ForeColor 为 Red (红色 ); 
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ValidationExpression 为 Internet 电子 邮件 。 验 证 控件 生成 的 代码 如 下 。 


<asp:RegularExpressionValidator ID= "RegularExpressionValidator1" runat= 
"server" ControlToValidate= "txtEmail" EnableTheming= "True" ErrorMessage= 
"请 输入 正确 的 Email 地 址 " ForeColor= "Red" ValidationExpression="\wt+ ([-+.']\ 
wt)* @\Wwt ([- .J]\wt)* \.\wt ([- .]\w+)* "></asp:RegularExpressionValidator> 


(3) 运行 4-5. aspx, 效 果 如 图 4.7 所 示 。 因 为 “abc@163.” 中 的 “. ”后 面 没 有 任何 字 
符 , 匹 配 不 成 功 ,显示 ErrorMessage 设置 的 验证 错误 信息 。 


《 >》 如 六 httpyhocalhost53005 vv > 国 国 甸 灶 三 





Email: |abc@163 请 输入 正确 的 Email 地 址 

















4.7 正则 表达 式 验证 控件 的 运行 效果 


46 CustomValidator 控件 实现 自 定 义 验 征 


除了 使 用 正则 表达 式 验 证 控件 验证 较为 复杂 的 模式 外 ,还 可 以 使 用 CustomValidator 控 
件 自 定义 验证 函数 功能 ,实现 标准 验证 控件 无 法 实现 的 功能 。CustomValidator 控件 的 
属性 说 明 如 下 。 

(1) OnServerValidate: 指定 触发 的 验证 满足 的 事件 。 

(2) ValidateEmptyText: 被 验证 控件 的 文本 为 空 时 ,是 否 验 证 控件 。false: 文 本 为 
空 , 不 显示 验证 错误 信息 ;true: 文本 为 空 ,显示 验证 错误 信息 。 

【实例 4-6】 CustomValidator 控件 实现 输入 不 能 被 2 或 3 整除 的 整数 。 

(1) 打开 网 站 chapter4, 添 加 4-6. aspx, 添 加 一 个 Label, 一 个 TextBox 和 一 个 
CustomValidator 控件 。 

(2) 将 CustomValidator 控件 的 ControlToValidate 设置 为 TextBoxl;ForeColor 为 
Red( 红 色 ) 。 

(3) 双击 CustomValidator 控件 ,添加 一 个 ServerValidate 事件 ,并 在 事件 中 编写 如 
下 代码 。 





protected void CustomValidatorl_ServerValidate (object source, 
ServerValidateEventArgs args) 
{ 

int number= int.Parse (args.Value); 


if ((number $2)==0) 
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args.IsValid= false; // 是 2 的 倍数 的 数字 ,设置 验证 不 通过 
CustomValidatorl1.ErrorMessage= "不 能 输入 2 的 倍数 的 数字 哦 "; 

} 

else if ((number $3)==0) 

{ 
args.IsValid= false; // 是 3 的 倍数 的 数字 ,设置 验证 不 通过 
CustomValidator1.ErrorMessage= "不 能 输入 3 的 倍数 的 数字 哦 "; 

} 

else 
args.IsValid=true; // 为 true 时 不 显示 错误 信息 

} 


上 述 代 码 中 ,args. Value 通过 事件 参数 args 获取 用 户 输入 的 值 。 
(4) 运行 4-6. aspx, 效 果 如 图 4.8 和 图 4.9 所 示 。 当 输入 2 的 倍数 或 3 的 倍数 的 数 
字 时 都 会 提示 错误 信息 。 


L) localhost3359/chapter4/4 XX mr】 [5 localhost3359/chapter4/4 X 
《 > ©B | httpV/localhost3359/chapter4/4-6aspx| 《 > BD 人 http//ocalhost3359/chapter4/4-6.aspx 


请 输入 一 个 整数 (不 能 被 ?整除 也 不 能 被 5 豆 除 )， 请 输入 一 个 整 妆 (不 能 被 ?整除 也 不 能 被 5 袁 除 )， 


] 不 能 输入 2 的 信 数 的 数字 哦 B ] 不 能 输入 3 的 信 数 的 数字 哦 


验证 吧 





4.8 实例 4-6 的 验证 错误 效果 


四 localhost3359/chapter4/4 X 
《 > BD http//ocalhost:3359/chapter4/4-6.aspx 


请 输入 一 个 整数 (不 能 被 2 整除 也 不 能 被 3 整除 ) : 











4.9 实例 4-6 验证 成 功 的 效果 


4.7 ValidationSummary 控件 汇 受 明示 页 面 错 政 


ValidationSummary 控件 本 身 没有 验证 功能 , 仅 用 于 收集 并 显示 所 有 验证 错误 的 信 
息 (ErrorMessage 的 属性 值 )。 属 性 如 下 。 

(1) DisplayMode: 设置 错误 信息 的 显示 模式 (List/BulletList/SingleParagraph) 。 

(2) ShowMessageBox: 是 否 弹 出 消息 框 (true/false)。 

(3) ShowSummary: 是 否 显示 错误 总 结 (true/false)。 

当 页 面 放 入 ValidationSummary 控件 时 ,页 面 出 现 错误 , 它 也 将 显示 页 面 上 所 有 的 


86 Noe srs ni 





错误 信息 ,如 图 4. 10 所 示 。 


《 > BD http//ocalhost3359/chapter4/4-6.aspx 


请 输入 一 个 整数 (不 能 被 2 整除 也 不 能 被 3 整除 ) ; 


10 不 能 输入 2 的 信 数 的 数字 哦 
验证 吧 














。 不 能 输入 2 的 倍数 的 数字 哦 











4.10 验证 汇总 控件 汇总 页 面 错误 


小 结 


数据 验证 的 方式 有 两 种 : 客户 端 验 证 和 服务 器 验证 。 客 户 端 验证 的 优点 是 响应 速度 
快 ,缺点 是 JavaScript 脚本 容易 被 禁用 ,信息 安全 性 较 低 。 服 务 器 端 验 证 刚好 弥补 了 在 客 
户 端 验证 的 缺点 ,但 却 牺牲 了 一 定 的 信息 回 传 和 反馈 时 间 。 

本 章 主 要 介绍 了 ASP. NET 提供 的 验证 控件 及 自 定义 验证 功能 的 实现 。 被 验证 控 
件 的 输入 如 果 不 符合 设 定 的 模式 时 将 显示 错误 信息 。 验 证 通过 后 才能 提交 给 服务 器 继 
续 执 行 。RequiredFieldValidator 控件 用 于 在 用 户 输入 时 ,对 必 选 字段 进行 验证 。 
CompareValidator 控件 用 于 比较 两 个 控件 的 输入 是 否 符合 程序 设 定 , 将 用 户 输入 的 数据 
与 常数 值 .其 他 输入 数据 或 数据 类 型 比较 。RangeValidator 控件 用 于 检查 用 户 输入 的 值 
是 否 在 指定 的 合法 范围 内 。RegularExpressionValidator 控件 用 于 检查 用 户 输入 的 数据 
格式 是 否 匹 配 某 种 特定 的 模式 。CustomValidator 控件 自 定义 验证 函数 功能 ,实现 标准 
验证 控件 无 法 实现 的 功能 。ValidationSummary 控件 本 身 没有 验证 功能 , 仅 用 于 收集 并 
显示 所 有 验证 错误 的 信息 。 





琛 后 习题 
1. 填空 题 
(1) ASP. NET 提供 的 验证 控件 中 ， 控件 本 身 并 不 执行 数据 验证 功能 。 
[2] 控件 可 以 用 来 验证 年 龄 是 否 在 18 一 60 岁 之 间 。 
(3) 将 控件 的 属性 设 为 可 以 用 来 检查 用 户 输入 的 数据 是 
否 与 属性 设置 的 数据 类 型 一 致 。 
(4) 验证 控件 的 属性 用 来 设置 是 否 启用 客户 端 验 证 。 


(5) ValidationSummary 控件 的 属性 用 来 设置 是 否 弹 出 消息 框 。 


5 人 = 数据 验证 。 87 





2. 判断 是 非 题 


(1) 一 个 输入 控件 不 可 以 同时 被 两 个 验证 控件 验证 。 
(2) Page. IsValid 是 页 面 的 验证 结果 ,只 有 页 面 上 的 验证 结果 都 通过 时 , 它 的 值 才 为 
trues 


(3) 被 验证 控件 的 输入 值 为 空 时 ,所 有 验证 控件 都 为 验证 失败 。 
3. 上 机 操作 题 


上 机 目的 : 

掌握 验证 控件 的 使 用 机 理 ; 

灵活 运用 验证 控件 完成 常见 的 验证 功能 。 

上 机 内 容 : 

完成 一 个 邮箱 注册 页 面 的 设计 和 验证 功能 (如 图 4. 1 所 示 )。 具 体 要 求 如 下 。 

(1) 数据 验证 功能 : 空 验证 ,输入 一 致 验证 功能 (如 密码 )、 电 子 邮 件 地 址 格式 、 输 入 
长 度 限制 (如 6 一 16 位 字符 ) 。 

(2) 尽量 使 用 可 选择 数据 的 控件 ,避免 出 错 。 

(3) 事件 : 选择 不 同 的 省 份 时 ,显示 不 同 的 省 所 属 的 市 ,区 。 

事件 : 选择 不 同 的 月 份 时 显示 不 同 的 可 选 日 期 ,如 1 月 可 选 日 为 1 一 31 日 ,2 月 根据 
是 否 疼 年 可 选 1 一 29 或 1 一 28,4 月 可 选 日 为 1 一 30 日 。 

事件 : 单 击 【 确 定 ] 按 钮 时 ,执行 验证 ,验证 通过 即 显 示 用 户 输入 的 所 有 数据 。 


l 
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第 5 并 
ASP.NET 状态 对 象 


在 Web 开发 中 ,浏览 器 和 服务 器 之 间 的 数据 都 是 用 HTTP 来 传输 的 。 但 HTTP 是 
一 个 无 状态 的 通信 协议 ,不 会 保留 数据 的 状态 和 信息 ,每 次 浏览 器 和 服务 器 之 间 的 连接 
都 是 暂时 的 。 然 而 ,有 些 状态 是 需要 保留 的 。 为 了 解决 上 述 问题 ,ASP. NET 提供 了 4 个 
状态 管理 对 象 来 实现 状态 管理 功能 。 这 4 个 对 象 分 别 是 Cookie、Session、Application、 
ViewsState。 

本 章 学 习 目 标 : 

。 了 解 什么 是 状态 管理 ; 

。 掌握 Cookie、Session、Application 对 象 的 基本 使 用 方法 。 


51 双 职 状态 管理 


当 提 交 网 页 后 输入 的 数据 有 时 候 还 在 ,有 时 候 已 经 清空 。 这 些 保留 的 输入 数据 就 是 
已 经 进行 了 状态 管理 ,保存 了 用 户 填 写 的 数据 。 状 态 管理 是 在 同一 页 或 不 同 页 的 多 个 请 
求 发 生 时 ,维护 状态 和 页 面 信息 的 过 程 。 

ASP. NET 提供 了 状态 管理 的 4 个 状态 对 象 , 来 管理 网 站 的 会 话 状态 .应 用 程序 状 
态 .视图 状态 。 

(1) 应 用 程序 状态 (Application) : 用 于 保存 整个 应 用 程序 的 状态 ,状态 存储 在 服务 
器 端 。 

(2) 会 话 状 态 (Session): 用 于 保存 单一 用 户 的 状态 ,状态 存储 在 服务 器 端 。 

(3) Cookie 状态 : 用 于 保存 单一 用 户 的 状态 ,状态 存储 在 浏览 器 端 。 

(4) 视图 状态 (ViewState) : 保存 本 窗 体 页 的 状态 。 用 于 在 请 求 和 返回 之 间 保 留 页 
和 控件 属性 值 的 默认 方法 。ViewState 提供 一 个 字典 对 象 , 用 于 在 多 个 请 求 之 间 保 留 值 。 


52 Cookie 状态 


1. 什么 是 Cookie 


Cookie 是 一 小 段 被 加 密 的 文本 信息 ,保存 在 客户 端 。Cookie 一 般 用 来 保存 少量 的 数 
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据 。 伴 随 着 用 户 请 求 和 页 面 在 Web 服务 器 和 浏览 器 之 间 传 递 。 用 户 每 次 访问 站 点 时 ， 
Web 应 用 程序 都 可 以 读 取 Cookie 包含 的 信息 。Cookie 是 与 Web 站 点 而 不 是 与 具体 页 
面 关 联 的 。Cookie 能 够 帮助 Web 站 点 保存 有 关 访 问 者 的 信息 。 

Cookie 保存 在 客户 端 机 器 上 ,Windows 7 操作 系统 默认 地 址 是 : [系统 盘 ]:\Users\ 
[登录 用 户 名 ]\AppData\Local\Microsoft\Windows\Temporary Internet Files\。 不 同 
的 操作 系统 的 路 径 稍 有 不 同 , 可 以 打开 IE 浏览 器 ,选择 [工具 ] 麻 单 ~【Internet 选项 】, 在 
弹出 的 对 话 框 中 , 单 击 【常规 了 选项 卡 中 的 浏览 历史 的 【设置 按钮 , 即 可 打开 如 图 5. 1 所 
示 的 对 话 框 , 显 示 Cookie 保存 的 路 径 。 再 单 击 【查看 文件 ] 按 钮 ,可 以 打开 文件 夹 , 看 到 里 
面 已 经 保存 的 Cookie 文件 (如 图 5. 2 所 示 )。 





Internet 临时 文件 历史 记录 I 组 存 和 数据 库 


瑞 琵 Bplorer 存 佳 网页、 图 像 和 媒体 的 副本 以 便 以 后 


检查 存储 的 页 面 的 较 新 版 本 : 
| 昌 每 次 访问 于 下) 
加 每 次 启动 Internet Explorer 时 (8) 





| 回 自 动 &) 
目 从 不 四 
0 Nm 
wn © 5 
| 当前 位 置 : 
C:\Vsers\Administrator\AppData\Local\Microsoft\ 


| | Windovs\Tenporary Internet Files 
虑 动 文件 才 史 .,] [查看 对 象 () | [查看 文人 
确定 ||| 取 肖 




































5.1 【网 站 数据 设置 ] 对 话 框 





Internet 地址 半 过 期 时 间 


半 cookie:administrato.. Cookie:administrator@... 2016-5-25 09:07 
国 cookieadministrato Cookie:administrator@... 2015-12-18 12:05 
国 cookie:administrato.. Cookieadministrator@ 2016-11-15 10:47 
是 cookie:administrato.. Cookie:administrator@... 2045-11-16 10:57 
征 cookie:administrato-。 Cookie:administrator@... 2016-11-15 10:52 
国 cookie:administrato..。 Cookieadministrator@ 2017-11-15 18:57 
站 cookeadministrato-。 Cookieadministrator@ - 2018-4-11 23:12 
国 视 页 目 cookieadministrato-。 Cookieadministrator@-. 2045-11-16 10:57 
加 图 片 目 cookeedministato 。 Coolieadministrator@.. 2020-10-25 12:29 
国 戏 半 cookie:administrato.. Cookie:administrator@... 2025-11-24 09:07 
图 迅雷 下 载 痢 cookie:administrato.。 Cookieadministrator@ 2016-6-7 13:04 
二 音乐 图 cookieadministrato-。 Cookieadministrator@ 2017-12-15 11:22 
国 cookie:administrato..。 Cookie:administrator@... 2038-1-18 08:00 
曾 计算 机 国 cookie:administrato..。 Cookie:administrator@.. 2018-11-15 10:52 
总 本 地 太 盘 上 站 cookie:administrato.. Cookie:administrator@.… 2016-12-7 13:02 
| 


, 7.068 个 对 多 





局 库 








图 5.2 Cookie 文件 的 保存 路 径 
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网 站 可 以 将 识别 客户 的 信息 保存 在 浏览 器 端 ,以 备 客户 下 次 登录 时 使 用 。 如 图 5. 3 
所 示 , 在 登录 邮箱 时 ,如 果 勾 选 了 【十 天 内 免 登 录 ] 复 选 
框 ,就 将 登录 信息 保存 在 本 地 的 Cookie 中 了 。 用 户 名 
和 密码 保存 后 ,下 次 再 打开 这 个 邮箱 网 站 输入 用 户 名 
后 ,密码 会 自动 出 现 ,减少 了 用 户 的 重复 操作 。 | 邮箱 账号 或 手机 号 “@163.com 
2. Cookie 对 象 的 使 用 | 


Cookie 对 象 是 HttpCookie 类 的 一 个 实例 ,其 包 


含 设置 .修改 和 创建 Cookie 的 一 系列 方法 和 属性 。 下 
面 介绍 它 的 常用 属性 和 方法 。 [Lan | 


器 二 维 码 登录 邮箱 账号 登录 

















(1) 创建 一 个 Cookie 对 象 : 5.3 邮箱 登录 中 的 免 登录 功能 
HttpCookie myCookie= new HttpCookie ("userName"); // 对 象 的 实例 化 


其 中 ,user 是 Cookie 对 象 保存 在 客户 端的 name 值 , myCookie 是 编程 时 用 的 对 象 
名 。 或 


Response.Cookies ["userName"] .Value=RadioButtonList1.SelectedItem.Text; 


创建 Cookie 对 象 ,设置 Value 值 , 并 发 送 到 客户 端 。 
(2) 使 用 Cookie 对 象 的 Value 属性 设置 Cookie 的 值 : 


myCookie.Value= "小 甜 饼 "5 
(3) 使 用 Cookie 对 象 的 Expires 属性 设置 Cookie 的 有 效 时 间 : 
myCookie.Expires=DateTime.Now.AddMinutes (1); 


设置 Cookie 在 一 分 钟 后 失效 。 其 中 , DateTime. Now 获取 现在 的 时 间 , 它 的 
AddMinutes(x) 方 法 获取 x 分 钟 后 的 时 间 ,还 可 以 使 用 AddDays、AddHours 等 。 
也 可 以 使 用 TimeSpan 来 设置 Cookie 的 有 效 期 : 


TimeSpan ts=new TimeSpan (0, 0, 5, 0); 
Response.Cookies ["name"] .Expires=DateTime.Nowt+ ts; 


TimeSpan ts 二 new TimeSpan(0,0,5,0); 表 示 实 例 化 一 个 TimeSpan 对 象 ts, 代 表 
一 个 时 间 段 5 小 时 ,4 个 参数 分 别 表示 秒 、 分 、 小 时 、 天 , 即 : TimeSpan(second, minute， 
hour,day)。 如 果 要 表示 1 小 时 20 分 钟 , 为 : 


TimeSpan ts=new TimaSpan (0, 20, 1, 0); 
(4) 通过 Response 对 象 发 送 Cookie 到 客户 端 : 
Response.Cookies.Add (myCookie); 

(5) 通过 Request 对 象 获取 Cookie: 


string myCook= Request .Cookies["userName "] .Value; 
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获取 名 为 userName 的 Cookie。 

使 用 Request. Cookies. AllKeys 将 获取 客户 端 所 有 的 Cookie。 

下 面 通过 一 个 实例 来 演示 用 Cookie 保存 投票 信息 的 功能 。 

【实例 5-1】 用 Cookie 保存 投票 信息 的 功能 。 

(1) 新 建 一 个 空 网 站 chapter5 ,添加 一 个 页 面 5-1. aspx。 设 计 如 图 5.4 所 示 , 从 [ 工 
具 箱 】 拖 放 一 个 RadioButtonList 控件 、 两 个 Button 和 两 个 Label 控件 。 通 过 
RadioButtonList 控件 的 【编辑 项 窗口 添加 可 供 投票 的 歌手 名 称 。 修 改 Button 控件 的 
Text 属性 分 别 为 “投票 ?和 "查看 我 的 投票 ”。Label 的 Text 值 设 为 空 。 

(2) 双击 【投票 3 按钮 ,在 Click 事件 中 填写 保存 Cookie 的 代码 如 下 。 


Protected void Buttonl Click(object sender, EventArgs e) 
a 
if (Request.Cookies["no"]==null) 
{ 
Label1.Text= "您 的 投票 已 经 收 到 ,谢谢 参与 !"; 
1/ 太 式 4 
HttpCookie myCookie=new HttpCookie ("no"); ”// 实 例 化 myCookie 对 象 
myCookie.Value=RadioButtonList]1.SelectedValue; 
myCookie.Expires=DateTime.Now.AddDays (1); // 设 置 一 天 后 过 期 


Response.Cookies.Add (myCookie); // 投 票 结果 发 送 到 浏览 器 
// 方 式 2 

Response.Cookies ["name"] .Value=RadioButtonList1.SelectedItem.Text7 
TimeSpan ts=new TimeSpan (0, 0, 0, 1); // 设 置 cookie 的 过 期 时 间 


Response.Cookies ["name"] .Expires=DateTime.Now+ ts; 
} 
else 
Label1.Text=" 对 不 起 ,您 已 经 投 过 票 了 "; 
} 


在 代码 中 使 用 了 两 种 方式 分 别 创 建 了 两 个 Cookie 对 象 no 和 name, 并 分 别 使 用 了 
AddDays 方法 和 TimeSpan 对 象 设置 了 Cookie 对 象 的 有 效 期 。 
(3) 双击 【查看 我 的 投票 按钮 ,在 Click 事件 中 ,填写 以 下 代码 。 


Protected void Button2 Click (object sender, EventArgs e) 
Labell.Text=""; 
// 遍 历 浏览 器 端的 所 有 Cookie 
foreach (string strKey in Request.Cookies.AL1Keys) 
{ 
if (strKey== "no") 
Label1.Text +=" 你 投 的 是 : "+ Request .Cookies [strKey] .Value+ "号 "; 


if (strKey== "name") 
Labe1l11.Text +=Request .Cookies [strKey] .Value; 
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(4) 运行 5-1. aspx, 效 果 如 图 5. 4 一 图 5.6 所 示 。 


[® Iocalhost19338/chapter5/ X 
《 > © 9 从 http//ocalhost19338/chapter5/5-1.aspx 


选择 你 最 喜欢 的 参赛 歌手 ， 
自 阿 里 巴巴 








日 白雪 公主 
日 小 括 人 组 全 

日 区 姑娘 

到 要 |] 您 的 投票 已 经 收 到 ， 谢 谢 参 与 | 
[查看 89 投标 | 

















图 5.4 投票 成 功 的 效果 


《 > BD http//ocalhost19338/chapter5/5-1.aspx 


选择 你 最 喜欢 的 参赛 歌手 ， 

自 阿 里 巴巴 

@ 白 雪 公 主 

自 小 敌人 组 合 

上 自 灰 姑娘 

[投票 | 对 不 起 ， 您 已 经 投 过 票 了 
查看 我 的 投票 

















图 5.5 投票 失败 的 效果 






[S Iocalhost19338/chapter5/ XX 


《 > 8 可 | http//ocalhost19338/chapter5/5-1.aspx 
选择 你 最 喜欢 的 参赛 歌手 ， 
上 阿里 巴巴 





@ 白 雪 公 主 

自 小 类 人 组 合 

目 灰 姑娘 

[项 票 | 你 投 的 是 ，2 号 白雪 公主 
| 查看 我 的 投票 | 


5.6 查看 投票 信息 的 效果 
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注意 : 在 本 例 中 ,可 以 将 有 效 时 间 改 为 一 分 钟 , 一 分 钟 后 Cookie 失效 后 可 以 继续 投 
票 。 方 便 调试 程序 及 体验 重复 投票 。 


53 会 笑 状 态 
Session 是 Web 技术 中 很 常用 的 一 种 状态 管理 。Session 对 象 存储 特定 (单个 ) 用 户 


会 话 所 需 的 信息 。 它 存在 于 一 个 会 话 中 ,会 话 结束 后 ,Session 就 失去 了 作用 。 与 Cookie 
不 同 的 是 它 将 信息 保存 在 服务 器 端 , 比 Cookie 安全 ;而 且 在 使 用 时 也 不 需要 实例 化 。 相 
































同 的 是 它们 都 是 保存 单个 用 户 的 状态 。Session 的 常用 属性 和 方法 如 表 5. 1 所 示 。 
表 5.1 Session 对 象 的 属性 和 方法 

类 别 名 称 作 用 
5 用 户 登 录 时 ,自动 分 配 , 唯 一 
[rer] 自 定义 属性 ,可 存储 任何 数据 类 型 
TimeOut 设置 Session 的 失效 时 间 

SS Cut 获取 会 话 状态 集合 中 的 项 数 
iede 获取 当前 会 话 状态 的 模式 
Keys 获取 存储 在 会 话 中 的 所 有 值 的 键 的 集合 
Abandon() 显 式 地 结束 一 个 会 话 
Add 将 新 的 项 添加 到 会 话 状态 中 

Bs Clear 清除 会 话 状态 中 的 所 有 值 
ee 删除 会 话 状态 集合 中 的 项 








每 个 用 户 访 问 服务 器 时 都 必须 为 其 维护 一 个 会 话 状 态 。SessionID 是 ASP. NET 为 
每 个 新 用 户 创 建 的 一 个 唯一 的 120 位 标识 符 。 

可 以 在 Session 中 存储 会 话 特 定 的 值 或 对 象 , 该 状态 对 象 由 服务 器 进行 管理 ,并 可 用 
于 浏览 器 或 客户 端 设备 。 一 般 地 ,在 Session 中 保存 短期 的 ,敏感 的 数据 。 为 避免 影响 服 
务 器 的 性 能 , 它 不 适宜 存放 大 量 的 数据 。 


1. 启动 会 话 状 态 


应 用 程序 状态 在 网 站 中 总 是 可 用 的 ,而 会 话 状 态 需要 先 启动 。 只 是 在 机 器 配置 文件 
Machine. config 中 已 经 设置 为 启动 会 话 状 态 。 但 仍然 可 以 在 Web. config 和 页 面 中 启动 
或 禁止 Session。 在 Page 指令 中 添加 启动 会 话 状态 的 属性 EnableSessionState: 
EnableSessionState 一 True/false。 

在 Web. config 的 二 system. web 二 节 中 可 以 添加 过 sessionState 二 ,表示 Session 的 
配置 ,代码 如 下 。 


<system.web> 
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<sessionState mode= "InProc" 
timeout= "1" 
cookieless= "true" 
regenerateExpiredSessionId= "true"> 
< /sessionSstate> 
< /system.web> 
上 面 代 码 中 各 个 参数 的 含义 如 下 。 
(1) mode: 会 话 状 态 的 存储 方式 。 包 括 5 种 值 : CustomerInProc、Off、SQLServer 
和 StateServer。 
(2) cookieless: 指定 是 否 需 要 Cookie 的 支持 。 
(3) timeout: 指定 会 话 的 有 效 时 间 (min)。 
(4) regenerateExpiredSessionId: 当 客 户 端 指定 了 过 期 的 会 话 ID 时 ,设置 是 否 重新 
发 出 会 话 ID。 
2. 创建 和 获取 会 话 状 态 
创建 会 话 的 方法 采用 键 - 值 对 的 方式 : 
Session["userName"]= "myUserName"; 


创建 一 个 Session 对 象 userName ,并 保存 字符 串 myUserName。 
获取 已 经 存在 的 Session 对 象 的 方法 : 


string str= (string) Session["userName"]; 

获取 userName 的 值 , 并 保存 到 str 变量 中 。 

3. 管理 会 话 

会 话 对 象 的 有 效 时 间 默 认 是 20min, 可 以 通过 TimeOut 属性 设置 会 话 对 象 的 有 效 
时 间 : 

Session.TimeOut=12; // 有 效 时 间 为 12min 

当 会 话 状 态 较 多 或 不 再 使 用 时 可 以 清除 所 有 会 话 状态 : 

Session.Clear (); 

也 可 以 只 删除 某 个 会 话 : 

Session.Remove ("userName"); 


下 面 通过 一 个 实例 来 演示 Session 的 用 法 。 

【实例 5-2】” 设计 邮箱 登录 界面 ,具体 要 求 如 下 。 

(1) 当 单 击 【 登 录 】 按 钮 时 判断 用 户 输入 的 地 址 和 密码 是 否 正确 (假设 用 户 名 为 
12345@163. com、 密 码 是 67890) 。 

(2) 若 输 入 正确 , 则 登录 成 功 ,进入 主页 面 ,并 显示 登录 邮箱 的 名 字 ; 若 不 正确 ,显示 
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登录 失败 。 

操作 步骤 如 下 。 

(1) 打开 网 站 chapter5 ,添加 页 面 5-2-login. aspx 和 5-2-index. aspx。 页 面 5-2- 
login. aspx 的 设计 如 图 5. 7 所 示 。 通 过 【 表 茉 单 -并 搬入 表 ] 搬 和 人 一 个 5 行 2 列 的 Table， 
并 在 Table 中 放 入 Label、TextBox 和 Button 控件 ,修改 其 Text 属性 。5-2-index. aspx 
中 仅 放置 一 个 Label。 


[localhost19338/chapters/! X 


《 > BD httpi//ocalhost19338/chapter5/5-2-login.aspx 
邮箱 登录 








请 输入 邮件 地 址 
请 输入 密码 


登录 
5.7 ”5-2-login. aspx 的 初始 界面 




















生成 的 代码 如 下 。 


<head runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
<style type= "text/css"> 
-auto- stylel { 
width: 100%; 
} 
-auto- style3 { 
} 
</style> 
< /head> 
<body> 
< form id= "form2" runat= "server"> 
<div> 
<table class= "auto- stylel"> 
<tr> 
<td class= "auto- style2" colspan= "2"><asp:Label ID= "Labell" 
runat= "server" Text= "邮箱 登录 ">< /asp:Label> 
</td> 
</tr> 
<tr> 
<td class= "auto- style3"> 
<asp:TextBox ID= "TextBox1" runat= "server" Width= "16lpx"> 请 输 入 邮 
件 地 址 < /asp:TextBox> 
</td> 
<td> gnbsp;< /td> 
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</tr> 
E> 
<td class= "auto- style3"> 
<asp:TextBox ID= "TextBox2" runat= "server" Width= "160px"> 请 输 入 密 
码 < /asp:TextBox> 
</td> 
<td> gnbsp;< /td> 
</tr> 
<tr> 
<td class="auto- style3"> 
&nbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; <asp:Button 
ID= "Button1" runat= "server" OnClick="Buttonl Click" Text= 


" 登 录 ™/> 
</td> 
<td> gnbsp;< /td> 
</tr> 
<tr> 


<td class= "auto- style3" colspan= "2"> 
<asp:Label ID= "Label2" runat= "server">< /asp:Label> 
</td> 
</tr> 
< /table> 
</div> 
< /form> 
< /body> 
< /html> 


通过 设计 会 在 代码 中 自动 添加 样式 ,使 用 class 指定 ,如 二 table class 王 "auto-stylel "过 
指定 table 的 样式 采用 auto-stylel 中 的 定义 。 
(2) 在 5-2-login. aspx 页 面 的 【登录 了 按钮 的 Click 事件 中 ,填写 代码 如 下 。 


Protected void Buttonl Click (object sender, EventArgs e) 
{ 
if (TextBox].Text=="12345@163.com" && TextBox2.Text=="67890") 
{ 
Label2.ForeColor= System.Drawing.Color.Black;”// 设 置 字体 为 黑色 


Label2.Text=""; // 清 空 Labe12 
Session["pass"]= "right"; // 标 记 登 录 成 功 
Session["userName"]= TextBox].Text; // 保 存 登 录 的 用 户 名 


Response.Redirect ("5- 2- index.aspx"); 


else 


Session["pass"]=null; // 标 记 未 登录 状态 
Label2.ForeColor= System.Drawing .Color .Red; // 设 置 字体 颜色 为 红色 
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Label2.Text= "用 户 名 或 密码 错误 ,请 重新 登录 ."; 


} 
(3) 在 5-2-index. aspx 页 面 的 Page_Load 事件 中 ,填写 代码 如 下 。 


protected void Page Load (object sender, EventArgs e) 


是 
if (Session["pass"]==nul1) // 判 断 登 录 状 态 


{ 

Response.Redirect ("5- 2- login.aspx"); 
} 
else 


. 
Label1.Text=" 欢 迎 " +Session["userName"] .TbString (); // 获 取 登 录 的 用 户 名 


} 

(4) 运行 5-2-login. aspx, 效 果 如 图 5.7 所 示 , 如 果 输 入 正确 的 用 户 名 和 密码 则 跳 转 
到 5-2-index. aspx( 如 图 5.8 所 示 )。 如 果 输 入 错误 将 显示 错误 性 信息 (如 图 5. 9 所 示 ) 。 
如 果 直 接 运行 5-2-index. aspx 页 面 ,将 直接 重 定向 到 5-2-login. aspx( 如 图 5.7 所 示 ) 。 


localhost19338/chapter5/ XX 
《 > BO http://localhost19338/chapter5/5-2-index.aspx 


欢迎 123458163. com 





图 5.8 登录 成 功 的 效果 


[© localhost19338/chapter5/ X 
《 > © DO) 次 httpy/localhost19338/chapter5/5-2-loginaspx 


邮箱 登录 
12345 











6789 





户 名 或 密码 错误 , 请 重新 登录 . 























图 5.9 登录 失败 的 效果 


从 实例 5-2 可 以 看 出 ,Session 对 象 保存 了 登录 用 户 名 ,在 其 他 页 面 可 以 获取 Session 
对 象 的 值 ,也 可 以 起 到 页 面 间 传 递 数 据 的 作用 。 比 使 用 URL 传 参 的 安全 性 高 ,而 且 多 个 
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页 面 都 可 以 获取 。 代 码 if(Session[L "pass"]| 二 二 null) 还 起 到 保护 页 面 的 作用 ,未 登录 用 
户 无 法 访问 被 保护 的 页 面 。 


54 应 用 程序 状态 


1. 什么 是 Application 对 象 

Application 对 象 是 System. Web. HttpApplicationState 类 的 一 个 实例 。Application 
对 象 用 于 保存 整个 应 用 程序 的 状态 ,功能 类 似 于 配置 文件 Web. config。 但 在 Web 
.config 中 的 值 基本 上 都 是 固定 不 变 的 ,Application 存储 的 都 是 易 变 的 全 局 型 变量 。 

Application 用 于 存放 应 用 程序 中 多 个 用 户 共 享 的 信息 ,保存 在 服务 器 上 。 在 整个 应 
用 程序 范围 内 都 可 以 访问 Application 对 象 。 

当 客 户 第 一 次 访问 某 虚 拟 目 录 的 资源 时 被 创建 ,退出 应 用 程序 或 关闭 服务 器 时 被 
撤销 。 

2. Application 对 象 的 使 用 方法 

使 用 " 键 - 值 ?对 的 方式 创建 Application 对 象 ,如 : 

Application["Message"]= "MyMsg"; 

创建 了 一 个 Message 的 Application 对 象 , 值 为 MyMsg。 

也 可 以 利用 Application 的 Add 方法 向 Application 的 集合 中 添加 项 ， 

Application.Add ("Message", "MyValue") 
其 中 ,第 一 个 参数 Message 是 对 象 名 ,第 二 个 参数 MyValue 是 对 象 值 。 

可 以 利用 Remove 方法 删除 不 需要 的 项 : 

Application.Remove ("Message"); 

使 用 Clear 方法 或 RemoveAll() 都 可 以 清除 Application 集合 中 的 内 容 : 


Application.Clear (); 

Application.RemoveAll (); 

Application 对 象 存储 的 数据 供 多 个 用 户 共 享 。 为 保证 数据 的 正确 性 , 当 修 改 
Application 对 象 的 数据 时 ,需要 进行 锁定 (Lock()) ,访问 完 要 解锁 (UnLock())。 如 : 


Application.Lock (); // 锁 定 

// 修 改 Application 对 象 counter 

Application["counter"]= (int)Application["counter"] +1; 
Application.UnLock(); // 解 锁 


下 面 通过 实例 演示 用 Application 对 象 实 现 动 态 在 线 人 数 统 计 , 需 要 结合 Session 对 
象 、 站 点 配置 文件 Web. config 全 局 配置 文件 Global. ascx 文件 一 起 完成 。 在 1. 4. 1 节 中 
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已 经 介绍 过 Global. asax 文件 的 基本 特点 。Global. ascx 文件 默认 已 经 包含 如 下 代码 。 


< $@Application Language= "C# "各 > 
< script runat= "server"> 
void Application Start (object sender, EventArgs e) 
{ 
// 在 应 用 程序 启动 时 运行 的 代码 


} 
void Application End (object sender, EventArgs e) 
‘ 
// 在 应 用 程序 关闭 时 运行 的 代码 
} 
void Application Error (object sender, EventArgs e) 


{ 
// 在 出 现 未 处 理 的 错误 时 运行 的 代码 

} 

void Session Start (object sender, EventArgs e) 

{ 
// 在 新 会 话 启 动 时 运行 的 代码 

} 

Void Session End (object sender, EventArgs e) 

| 
// 在 会 话 结束 时 运行 的 代码 。 
// 注 意 : 只 有 在 Web.config 文 件 中 的 sessionstate 模式 设置 为 
//InProc 时 , 才 会 引发 Session_ End 事件 。 如 果 会 话 模式 设置 为 StateServer 
// 或 SQLServer, 则 不 引发 该 事件 。 

} 

</script> 


代码 第 一 行为 页 面 指令 行 , 表 示 这 是 一 个 应 用 程序 全 局 类 文件 ,使 用 C# 代码。 第 二 
行 代码 表明 这 是 一 段 运行 在 服务 器 上 (runat = "server") 的 脚本 。 它 包含 5 个 事件 ， 
Application_Start\Application _End、Application_Error Session_Start \Session _End。 在 
应 用 程序 启动 时 自动 运行 Application_Start 中 的 代码 ;在 应 用 程序 关闭 时 自动 运行 
Application_End 的 代码 ;在 出 现 未 处 理 的 错误 时 自动 运行 Application_Error 的 代码 ;在 
新 会 话 启 动 时 自动 运行 Session_Start 的 代码 ;在 会 话 结 束 时 自动 运行 Session_End 的 代 
码 。 只 有 在 Web. config 文件 中 的 sessionstate 的 模式 (mode) 设 置 为 InProc 时 , 才 会 引 
发 Session_End 事件 。 

【实例 5-3】〗 用 Application 对 象 实现 动态 在 线 人 数 统计 。 

(1) 打开 网 站 chapter5 , 右 击 网 站 根 目录 - 江 添加 本 江 添 加 新 项 ~ 添加 5-3. aspx 和 
Global. ascx( 如 图 5. 10 所 示 ) 。 

(2) 在 Global. ascx 中 添加 以 下 相关 代码 。 
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添加 新 项 - chapter5 ? 
4 B 安 装 排序 依据 ;默认 值 搜索 已 安装 模板 (Ctrl+ 日 
Visual Basic 全 美 玻 Visual C# 
了 全 | 报表 向 导 Visual C# 
Vil 男 用 于 处理 Web 历 用 程序 囊 件 的 类 
9 联机 Le 美 Visual C# 
好 类 图 Visual C# 
佬 wsxr Visual cg 
@& 扎 用 了 AJAX 的 WCF 服务 Visual C# 
@& 所 用 了 Siverlight 的 WCF 服务 Visual C# 
数据 集 Visual C# 
他 
DD nxt Visual cg 
国 “>x#E Visual C# 
x#xf# Visual ck 
- 
名 称 (y): Globalasax 口 将 代码 和 在 单 狗 的 文件 中 (@) 
口 地 择 母 NRCC) 
夭 加 他 取消 




















5.10 添加 Global. ascx 


< $@Application Language= "C# " $> 


<script runat= "server"> 


void Application Start (object sender, EventArgs e) 
{ 
// 在 应 用 程序 启动 时 运行 的 代码 
// 定 义 Application 对 象 userCount, 并 初始 化 为 0 
Application["userCount"]=0; 


void Application End (object sender, EventArgs e) 
{ 
// 在 应 用 程序 关闭 时 运行 的 代码 


void Application Error (object sender, EventArgs e) 
{ 
// 在 出 现 未 处 理 的 错误 时 运行 的 代码 


void Session Start (object sender, EventArgs e) 

{ 
// 在 新 会 话 启 动 时 运行 的 代码 
Application.Lock(); // 锁 定 
// 修 改 在 线 人 数 usercount 的 值 


Application["userCount"]= (int)Application["userCount"]+1; 
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Application.UnLock (); // 解 锁 


void Session End (object sender, EventArgs e) 
{ 
// 在 会 话 结束 时 运行 的 代码 。 
// 注 意 : 只 有 在 Web.config 文件 中 的 sessionstate 模式 设置 为 
//InProc 时 , 才 会 引发 session End 事件 。 如 果 会 话 模式 设置 为 StateSserver 
// 或 SQLserver, 则 不 引发 该 事件 。 


Application.Lock(); // 锁 定 
// 修 改 在 线 人 数 userCcount 的 值 
Application["userCount"]= (int)Application["userCount"]-17 
Application.UnLock (); // 解 锁 
} 
</script> 


(3) 在 Web. config 的 二 system. web 之 节 中 添加 以 下 代码 。 

< sessionState mode= "InProc'" timeout= "1" cookieless= "false">< /sessionState> 

(4) 在 5-3. aspx 页 面 中 添加 一 个 Labell ,在 5-3. aspx. cs 文件 中 编写 如 下 代码 ,用 于 
显示 在 线 人 数 。 


protected void Page Load (object sender, EventArgs e) 


{ 
Label1.Text= "当前 在 线 人 数 : "+Application["userCount"] .ToString (); 
} 


(5) 运行 5-3. aspx, 效 果 如 图 5. 11 所 示 , 当 多 次 运行 程序 时 ,人 数 将 增加 。 


[S iocalnost19338/chapter5/ XX 
《> BD http//ocalhost:19338/chapter5/5-3.aspx 


当前 在 线 人 数 ，2 








图 5.11 当前 在 线 人 数 的 效果 


55 视图 状态 


视图 状态 是 本 窗 体 的 状态 ,与 其 他 窗 体 无 关 。 保 持 视 图 状态 就 是 在 反复 访问 本 窗 体 
页 的 情况 下 ,能 够 保持 状态 的 连续 性 。 服 务 器 处 理 完事 件 后 通常 再 次 返回 到 本 窗 体 以 便 
继续 后 续 的 操作 。HTML 控件 不 保存 视图 状态 。 在 默认 情况 下 几乎 所 有 服务 器 控件 都 
具有 保持 视图 状态 的 功能 ,但 密码 框 不 保持 状态 。 视 图 状态 只 能 在 本 网 页 与 服务 器 的 往 
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返 中 保持 ,而 不 能 在 不 同 网 页 之 间 传 递 。 它 可 能 存在 的 问题 是 : 数据 量 很 大 时 ,延长 网 页 
往返 时 需要 的 时 间 ; 会 有 潜在 的 安全 问题 ,数据 有 可 能 被 算 改 。 

现在 用 一 个 实例 来 说 明 。 如 图 5. 12 所 示 , 在 页 面 中 放 三 个 HTML 控件 : 一 个 Input 
(Text) ,一 个 Input(Password) 控 件 和 一 个 Input(Submit) 控 件 ,再 放 和 人 4 个 . NET 标准 
控件 。 生 成 的 代码 如 下 。 


< SQ@Page Language= "C# "RutoPventWireup= "true" CodeFile="5- 4.aspx.cs" 
Inherits=" 5 4" %> 
< !DOCTYPE html> 
<html xmlns= "http://www.w3.org/1999/xhtml"> 
<head runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
< /head> 
<body> 
< form id= "forml" runat= "server"> 
<div> 
<strong> HTML 控 件 : < /strong><br /> 
用 户 名 : <input id= "Textl" type= "text" /><br /> 
密码 : gnbsp; 
< input id= "Password1" type= "password" /><br /> 
&nbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; 
<input id= "Submit1" type= "submit" value= "submit" /><br /> 
<br /> 
< strong> 标 准 控件 : < /strong><br /> 
用 户 名 : <asp:TextBox ID= "TextBoxl" runat= "server"> < /asp:TextBox> 
<br /> 
密码 : gnbsp; 
<asp:TextBox ID= "TextBox2" runat= "server" TextMode= "Password"> 
< /asp:TextBox> 
<br /> 
<asp:RadioButton ID= "RadioButtonl" runat= "server" Text= "管理 员 " /> 
<asp:RadioButton ID= "RadioButton2" runat= "server" Text= "普通 会 员 " /> 
<br /> 
<br /> 
&nbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; 
<asp:Button ID= "Button1" runat= "server" Text= 哺 定 "/> 
</div> 
< /form 
< /body> 
< /html> 


首先 都 输入 内 容 或 选中 的 情况 (如 图 5. 12 所 示 ), 单 击 submit 按钮 或 [确定] 按钮 ， 
HTML 控件 中 的 内 容 将 清空 ,而 . NET 标准 控件 中 的 内 容 依 然 还 在 ,保持 了 提交 前 的 窗 
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体 状 态 ( 如 图 5.13 所 示 )。 


四 Iocalhost19338/chapter5/ X [5 localhost19338/chapter5! X 


















































ee 《 > © 9 (ntpyocahost 

HIIL 控 件 : HIT 控件 : 
用 户 名 : laaa 用 户 名 : 
密码 ， | 密码 ; 

ai 
标准 控件 : 标准 控件 : 
用 户 名 :laaa 用 户 名 : laaa 
密码 : “" 密码 : 
上 自 管理 员 国 普 通 会 员 自 管 理 员 国 普 通 会 员 

[| 

图 5.12 提交 前 图 5.13 提交 后 


为 什么 . NET 标准 控件 可 以 保持 视图 状态 呢 ? 实际 上 是 使 用 一 种 隐藏 (type 一 
hidden) 的 控件 保存 了 控件 中 的 数据 。 在 浏览 器 页 面 空白 处 右 击 ,在 弹出 的 快捷 菜单 中 选 
择 [ 查 看 源 文件 】 ,在 页 面 生成 的 HTML 代码 中 已 经 自动 添加 了 如 下 代码 。 


<div class= "aspNetHidden"> 

<input type= "hidden" name=" VIEWSTATE" id=" VIEWSTATE " value= "DwWsopFFGkHg 
DlCzgLoomd3VOfz//3RvpwgHOztkIxSKoPjEFOjKIYbQOPCkro9yfE8oHRsCmdkjsuBLY3dnUmPwJ 
3Hu]jLwyeI1vQ9HdsH+FsM81YKaYJZne/8v0nVK+ qbn+ 1rXdl1szsF4k7ed20f94x+ 1VfCGUY8ZE 
dOGYVXF4uLZA7TavfggZuDYUybJFJXg" /> 

</div> 


<div class= "aspNetHidden"> 
< input type= "hidden" name="_ VIEWSTATEGFNERATOR" id="_ VIEWSTATEGENERATOR" 
value= "DF6BF993" /> 
< input type= "hidden" name=" EVENTVALIDATION" id=" EVENTVALIDATION" 
value= "wEeD2fiZ4iAPilKH+ xcxwbw0evwrqETzDnU21+mVOw7EPr1+ Bw6POsE2S18 
PVyxxwnzN4odhW532LibZtCi0Y9wXqGhjNdmI/5BH3qH12WtCkoUOXIc/nu9FQZIM7wp 
byJelYt+ dhSsZiFAaeYHz03Y1dS8rVxPNuvHIXSf/Anj IRu2SEdUGLL6XOxBYNnpNWY1E 
LSVYP1FIMyk9UlpwpOh3g==" /> 

</div> 


说 明 在 网 页 中 已 经 自动 增加 了 隐藏 控件 ,value 属性 就 是 窗 体 页 中 控件 以 及 控件 的 
数据 。 为 了 安全 ,这 些 数据 经 过 哈 希 函数 加 密 ,无 法 直接 识别 。 当 网 页 提交 时 ,浏览 器 端 
将 当前 网 页 中 的 各 种 状态 保留 到 这 个 字段 中 , 当 网 页 再 次 返回 到 本 窗 体 时 ,再 自动 把 这 
些 状态 反馈 给 窗 体 页 ,就 恢复 了 窗 体 页 中 各 控件 的 状态 。 隐 藏 控件 是 不 显示 的 ,不 会 改 
变 界 面 的 布局 。 
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小 结 


HTTP 是 一 种 不 保持 状态 的 通信 协议 。ASP. NET 提供 了 4 个 状态 管理 对 象 来 实 


现状 态 管理 功能 。 这 4 个 对 象 分 别 是 Cookie、 Session、Application、ViewState。 Cookie 
是 一 小 段 被 加 密 的 文本 信息 ,保存 在 客户 端 ,为 保护 隐私 ,很 多 用 户 会 在 浏览 器 中 禁用 
Cookie。Session 对 象 存储 特定 (单个 ) 用 户 会 话 所 需 的 信息 ,保存 在 服务 器 端 。 使 用 
Session 可 以 在 页 面 之 间 传 递 参 数 ,也 可 以 起 到 保护 页 面 的 作用 。 应 用 程序 状态 
(Application) 用 于 保存 整个 网 站 共享 的 数据 ,可 以 用 于 统计 网 站 的 在 线 人 数 。 视 图 状态 
(ViewState) 是 保持 本 窗 体 的 状态 。 


和 


琛 后 习题 





C1 是 在 同一 页 或 不 同 页 的 多 个 请 求 发 生 时 ,维护 状态 和 页 面 信 息 的 过 程 。 
(2) ASP. NET 提供 了 4 个 状态 管理 对 象 : 8 
(3) Session 和 Cookie 都 是 用 来 保存 单个 客户 数据 的 ,分 别 保存 在 


o 

















(4) 要 保存 整个 应 用 程序 的 状态 数据 ,可 以 用 对 象 。 
(5) 是 ASP. NET 为 每 个 新 用 户 创建 的 一 个 唯一 的 120 位 标识 符 。 
2. 选择 题 
(1) Cookie 对 象 是 ( ) 类 的 一 个 实例 。 

A. HttpCookie B. Cookie C. Http D. System 
(2) Session 会 话 的 属性 TimeOut 默认 是 ( Di 

A. 10min B. 20min C. 30min D. 60min 


(3) 下 面 说 法 不 正确 的 是 ( 5 
A. HTML 控件 可 以 保存 视图 状态 
B.Cookie 是 一 小 段 被 加 密 的 文本 信息 ,保存 在 客户 端 
C. SessionID 是 ASP. NET 为 每 个 新 用 户 创建 的 一 个 唯一 的 120 位 标识 符 
D. Application 用 于 存放 应 用 程序 中 多 个 用 户 共享 的 信息 
(4) 在 Web. config 文件 中 的 sessionstate 的 模式 (mode) 设 置 为 ( ) 时 , 才 会 引发 


Session_End 事件 。 


A. StateServer B. SQLServer C. InProc D. Cookie 


简 述 Session 和 Cookie 的 异同 。 
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4. 上 机 操作 题 


上 机 目的 : 

理解 ASP. NET 状态 管理 的 意义 ; 

能 够 运用 ASP. NET 状态 的 状态 对 象 保存 客户 状态 数据 和 全 局 变量 数据 。 

上 机 内 容 : 

除 满足 实例 5-2 的 要 求 外 ,还 要 求 : 

(1) 密码 框 隐藏 用 户 输 入 。 

(2) 用 户 名 或 密码 为 空 时 ,提示 不 能 为 空 的 信息 。 

(3) 当 用 户 输 入 正确 的 地 址 和 密码 且 选 择 【 十 天 内 免 登 录 ] 复 选 框 时 ,用 Cookie 保存 
邮件 地 址 和 密码 ,实现 10 天 内 免 登 录 ( 如 图 5. 14 所 示 )。 


mr [DD ocalhost19338/chapter5/ X 
《 > BD http://ocalhost19338/chapter5/5-2-work.aspx 


邮箱 登录 
请 输入 邮件 地 址 
请 输入 密 如 ”| 
目 十 天 内 免 登 录 [登录 | 














5.14 邮箱 登录 作业 效果 


第 6 音 chapter 
用 户 控件 . 母 版 页 和 主题 


网 站 包含 多 个 相似 外 观 或 功能 的 网 页 ,用户 控件 可 以 实现 控件 的 组 合 完成 一 定 的 功 
能 ,以 重复 使 用 。 而 母 版 页 提供 了 一 系列 网 页 的 一 致 外 观 , 当 有 多 个 页 面 拥有 相同 的 结 
构 和 显示 内 容 时 ,可 以 将 相同 部 分 制作 成 母 版 页 ,让 这 些 页 面 共享 。 主 题 和 皮肤 使 开发 
者 能 够 把 样式 和 布局 信息 存放 到 一 组 独立 的 文件 中 ,总 称 为 主题 CTheme)。 本 章 将 主要 
介绍 用 户 控件 . 母 版 页 .主题 和 样式 的 使 用 方法 。 

本 章 学 习 目 标 : 

。 掌握 用 户 控件 的 创建 和 调用 方法 ; 

。 掌握 母 版 页 的 创建 和 引用 方法 ; 

。 理解 主题 的 作用 和 使 用 方法 ; 

。 能 够 为 网 页 应 用 样式 。 
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当 ASP. NET Web 服务 器 控件 没有 提供 需要 的 功能 时 ,或 者 在 多 个 页 面 中 需要 实现 
相同 的 功能 块 时 ,就 可 以 使 用 用 户 控件 了 。 像 普通 Web 控件 一 样 ,用 户 控件 可 以 重复 使 
用 ,可 以 减少 重复 代码 的 编写 ,提高 开发 效率 。 

用 户 控件 的 扩展 名 是 . ascx, 在 结构 上 与 aspx 页 面相 似 , 功 能 却 与 普通 Web 控件 相 
似 。 用 户 控件 的 功能 类 似 于 控件 ,只 能 散 入 到 aspx 页 面 中 或 其 他 用 户 控件 中 使 用 ,不 能 
单独 作为 网 页 使 用 。 也 就 是 说 , 它 不 能 像 网 页 一 样 单独 运行 ,必须 嵌 套 在 一 个 网 页 中 才 
能 显示 。 


6.1.1 用 户 控 件 的 创建 和 调用 


创建 用 户 控件 的 方法 和 创建 Web 窗 体 的 方法 类 似 , 具 体 步 又 如 下 。 

(1) 在 【解决 方案 资源 管理 器 ] 中 ,选择 要 保存 用 户 控 件 的 目录 右 击 习 【添加 】>【 添 加 
新 项 ~ 弹出 【添加 新 项 对 话 框 一 选择 【Web 用 户 控 件 】 ,并重 命 名 ,这 里 是 
userControll ,后 级 必须 为 ascx( 如 图 6.1 所 示 ) 。 

(2) 单 击 [添加 按钮 , 即 可 添加 一 个 Web 用 户 控件 。 它 的 HTML 视图 中 有 如 下 
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添 tn 新 项 -chapter7 | 
<8 排序 依据 :默认 人 搜索 已 安装 模板 (Ch + 日 
Visual Basic Ee i 全。 类 型 Visual C# 
vil 图 网 页 (Razon Visual C# a 
使 用 可 视 化 设计 闫 创建 的 ASP,NET 服务 器 
b 联机 母 上 页 Visual C# 控件 
上门 Web 用户 关 人 Visual C# 
地 soneranaisey Visual C# 
罩 Dynamic Data 字段 Visual C# 
~ 
侣 EF 5x DbContext 生成 六 Visual C# 
MN mn Visual C# 
ee 
FF 
岂 j Javascript 文 伯 Visual C# 
负 UNQto SQL 美 Visual C# 
园 venianttolsmsenpt 页 Visual C# 
多 Silverlight 应 用 程序 Visual C# 
名 称 (N);: [wercontollascx ] 回 兰 代 而 放 在 单 狂 的 文件 中 (P) 
口 千 择 母 版 页 C) 
汤加 | | 。 取消 




















图 6.1 添加 新 项 


代码 。 


<%Q@Control Language="C#" AutogventWireup="true" CodeFile="userControl1. ascx. cs" 


Inherits= "userControll" %> 


命令 指示 符 @Control 表明 这 是 一 个 控件 ,其 他 属性 均 与 Web 窗 体 中 一 样 。 

(3) 打开 刚刚 新 建 的 用 户 控 件 userControl. ascx, 可 以 像 设 计 Web 窗 体 一 样 设计 需 
要 的 功能 。 这 里 仅 放 一 个 TextBox 控件 和 一 个 Button( 搜 索 ) 控 件 。 

在 创建 并 设计 完 用 户 控 件 后 就 可 以 调用 它 了 。 还 以 刚刚 创建 的 用 户 控 件 为 例 。 

(4) 在 网 站 中 新 建 一 个 页 面 userControll. aspx, 将 已 经 建 好 的 用 户 控 件 文件 
userControl. ascx 从 [解决 方案 资源 管理 器 ] 中 拖 放 到 页 面相 应 的 位 置 , 即 可 实现 用 户 控 
件 的 调用 。userControll. aspx 页 面 生 成 的 代码 如 下 。 


< %@Page Language= "C# "RutoEventWireup= "true" CodeFile= "userControl.aspx.cs" 
Inherits= "userControl" %> 
< %@Register src= "userControll .ascx" tagname= "userControll" tagprefix= "ucl" %> 
< !DOCTYPE html> 
<html xmlns= "http://www.w3.org/1999/xhtml"> 
<head runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title></title> 
< /head> 
<body> 
< form id= "forml" runat= "server"> 
<div> 
<ucl:userControll ID= "userControl11" runat= "server" /> 
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</div> 
< /form> 
< /body> 
< /html> 


(5) 运行 userControl. aspx 页 面 ,效果 如 图 6. 2 所 示 。 


[9 localhost13008/chapter6/ X 


< > 名 | 从 http://localhost:13008/chapter6/userControl.aspx 


[L | 了 a 








6.2 调用 用 户 控 件 的 运行 效果 


在 上 面 第 (4) 步 的 代码 中 ,调用 用 户 控 件 产 生 的 代码 ,使 用 了 Register 指令 来 进行 用 
户 控 件 的 注册 ,并 且 定 义 了 下 面 的 三 个 属性 。 

(1) tagprefix: 标记 前 级 ,定义 控件 的 命名 。 

(2) tagname: 标记 名 称 , 指 向 所 使 用 控件 的 名 字 。 

(3) src: 指向 控件 的 资源 文件 ,要 使 用 相对 路 径 ,如 userControll. ascx, 表 示 当 前 路 
径 下 的 userControll. ascx 文件 。 

用 户 控 件 定义 语句 中 的 控件 类 型 与 tagprefix 和 tagname 的 属性 值 相对 应 。 如 : 





<ucl:userControll ID= "userControl11" runat= "server" /> 


从 上 面 的 例子 可 以 看 出 ,调用 用 户 控 件 可 以 有 以 下 两 种 方法 。 
(1) 直接 将 用 户 控件 文件 拖 放 到 页 面相 应 位 置 ,非常 简单 ; 
(2) 在 HTML 视图 中 添加 注册 代码 和 控件 代码 。 


6.12 Web 窗 体 和 用 户 控件 


Web 窗 体 和 用 户 控件 的 页 面 结构 和 设计 方法 相似 。 它 们 的 区 别 如 表 6.1 所 示 。 
表 6.1 Web 窗 体 和 用 户 控件 的 比较 








文件 类 型 扩展 名 指 令 html/head/body 等 元 素 独立 运行 
Web 窗 体 aspx @Page 有 可 以 
用 户 控 件 aSCX @Control 没有 不 可 以 














如 果 已 经 开发 了 ASP. NET 网 页 并 打算 在 整个 应 用 程序 中 使 用 其 功能 , 则 可 以 将 该 
页 面 改 为 一 个 用 户 控 件 。 

(1) 将 单一 文件 模式 的 ASP. NET 网 页 转换 为 用 户 控 件 时 ,需要 做 如 下 改动 。 

把 ASP. NET 网 页 文件 的 扩展 名 改 为 . ascx。 

@ 将 @Page 指令 改 为 @Control 指令 。 

@ 把 页 面 中 的 html、head、body 等 元 素 删 除 。 
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由 移 除 @ Control 指令 中 除 Language、AutoEventWireup 和 Inherits 之 外 的 所 有 
属性 。 

@) 在 @Control 指令 中 包含 ClassName 属性 。 此 属性 用 来 对 用 户 控件 进行 强 类 型 
化 处 理 , 可 访问 到 控件 的 属性 和 方法 。 

(2) 将 代码 分 离 模式 的 ASP. NET 网 页 转换 为 用 户 控 件 时 ,需要 做 如 下 改动 。 

@ 把 ASP. NET 显示 代码 文件 (. aspx) 的 扩展 名 改 为 . ascx。 

@ 根据 代码 隐藏 文件 的 编程 语言 ,把 代码 隐藏 文件 的 扩展 名 (. aspx. vb/. aspx. cs) 
改 为 . ascx. vb 或 ascx. cs。 

@ 在 .aspx 文件 中 ,对 代码 做 如 下 改动 : 将 @Page 指令 改 为 @Control 指令 ;把 页 面 中 
的 html、 head、 body 等 元 素 删 除 ; 移 除 @Control 指令 中 除 Language、 AutoEventWireup、 
CodeFile 和 Inherits 之 外 的 所 有 属性 ;在 @Control 指令 中 ,将 CodeFile 属性 值 改 为 重 命 
名 后 代码 隐藏 文件 的 扩展 名 。 

@ 打开 代码 隐藏 文件 ,经 该 文件 继承 的 类 从 Page 更 改 为 UserControl。 


613 自 定义 控件 


自 定义 控件 就 是 开发 者 编写 好 控件 后 ,生成 一 个 . dll(Dynamic Link Library, 动 态 链 
接 库 ) 文 件 ,将 这 个 dl 文件 添加 到 [工具 箱 ] 中 ,然后 就 可 以 直接 在 页 面 上 使 用 的 控件 。 

具体 操作 步 又 如 下 。 

(1) 选择 菜单 [文件 >【 新 建 ]>【 项 目 】> 打 开 【 新 建 项 目 ] 对 话 框 ,选择 Windows 
模板 中 的 【类 库 】 ,修改 名称 和 位 置 , 单 击 【 确 定 ] 按 钮 , 即 可 添加 一 个 类 库 , 如 图 6. 3 
所 示 。 
































新 建 项 目 ? X 
* 最 近 JNET Framework 4.5 ~ 排序 依据 ， 默 认 值 " 岸 | 三 搜索 已 安装 模板 (Ctrl +E) 
4 Bi 
图 Windows 窗 体 应 用 程序 Visual C# 美亚 Visual C# 
4 模板 a 用 于 创建 c# 二 库 (.d 的 项 目 
4 Visual CH FF wer er Visual C# 
Windows 应 用 商店 3 
Windows | fsisE 有 &F Visual ck 
Web 
ps 2 关 认 Visual C# 
Cloud 山 
Reporting 加 愉 窟 区 库 Visual C# 
b Sharepoint 踊 
a wireaer Visual cf 
WcF Do 
Wd Phone 熙 Windows 服务 Visual C# 
Workflow 
be WpF 用 户 控件 库 Visual cs 
LightSwitch oa 
bP 其 他 语言 ‘| 
De 。 电 wr exexane Visual C# 
和 si 空 项 目 VisualC# ™ 
名 称 (N): ClassLibraryl 
位 置 : dchapter6vcl |- [浏览 @… 
解决 方案 名 称 (M)，。 Classlibrary1 回 为 解决 方案 创建 目录 (D) 
口 驮 加 到 源 代码 管理 (U) 
确定 取消 


























图 6.3 添加 类 库 
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(2) 在 【解决 方案 资源 管理 器 了 中 , 右 击 【引用 了 ,在 弹出 的 5 引用 管理 天 中 (如 图 
所 示 ) ,选择 如 图 6. 5 所 示 的 7 个 引用 。 将 在 【解决 方案 资源 管理 器 了 中 添加 相应 的 引 





引用 管理 器 - ClassLibrary1 
4 程序 集 





目标 : ,NET Framework 45 
名 和 疗 


PresentationFramework.Clas5ic 
PresentationFramework.Luna 
PresentationFramework,Royale 
ReachFramework 
sysglobl 
四 System 
System Activities 
System Activities.Core,Presentation 
System Activitiez.Durablelnstancing 
System Activities.presentation 
SystemAddln 
SystemAddln,Contract 
System,ComponentModel,Composition 
System,ComponentModel.Composition,Regist... 
System.ComponentModel.DataAnnotations 
System,Configuration 
System,Configurationlnstall 
System,Core 
System,Data 
System,Data,DataSetExtensionz 
System,Data,Entity 
System.Data,Entity.Design 
System,DataLinq 
System,Data.OracleClient 
System,Data,Services 
System.Data,Services.Client 



































NIS 











图 6.4 添加 引用 


(3) 在 Classl. cs 文件 中 对 自 定义 控件 进行 
完整 的 程序 代码 如 下 。 


设计 。 


using System.Web.UI; 
using System.Web.UI .WebControls; 


namespace ClassLibraryl 
{ 
public class myDllControl:Control, 
INamingContainer 
public myDllControl () 
{ 
// 
//TODO: 在 此 处 添加 构造 函数 逻辑 
// 
} 
public string Text 


get 







a 


? x 
搜索 程序 集 (Ctrl +E) Pp- 


名 称 : 
Accessibility 
创建 者 : 


Microsoft Corporation 


4030319.17929 built by'; 
FX45RTMREL 











确定 取消 




















PE 


System 
System,Core 
wa System.Data 


ma System,Data,DataSetExtensions 
System.Web 
Systemm.Xml 

wa System.Xml,Ling 


6.5 添加 的 引用 
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this.EnsureChildControls () > 
return ( (TextBox)Controls [3] ) .Text; 


set 


this.EnsureChildControls (); 
( (TextBox)Controls[3]) .Text= value; 


protected override void CreateChildControls () 


{ 
base.CreateChildControls (); 
Label lblName= new Label (); 
lblName.Text=" 这 是 我 的 自 定义 控件 "; 
this.Controls.Add (lblName); 


this.Controls.Add (new LiteralControl ("gnbsp; gnbsp; ")); 


TextBox txtName= new TextBox (); 
txtName.Text=""; 


this.Controls.Add (txtName); 


this.Controls.Add (new LiteralControl ("<br/>")); 


} 

(4) 设计 完成 后 , 单 击 菜单 [生成 > 选择 【生成 类 
库 ] 项 册 stcnstonyy ,在 保存 类 库 目 录 中 的 Bin 文件 
夹 下 生成 了 相应 的 类 库 dll 文件 (如 图 6.6 所 示 ), 可 以 
单 击 【 刷 新 3 按钮 显示 dll 文件 。 

(5) 在 网 站 chapter6 中 新 建 一 个 dllControl. aspx， 
在 【工具 箱 】 的 空白 处 右 击 , 选 择 【 选 择 项 】, 弹出 如 
图 6.7 所 示 的 【选择 工具 箱 项 对 话 框 , 单 击 【浏览 按 
钮 ,选择 自 定义 类 库 dll 文件 , 单 击 【 确 定 ] 按 钮 ,将 dll 
文件 添加 到 [工具 箱 ] 中 (如 图 6. 8 所 示 )。 

(6) 在 dllControl. aspx 文件 中 添加 【工具 箱 ] 中 的 控 
件 myDllControl, 在 @Page 指令 行 后 面 生成 @Register 命 
令 用 于 注册 该 自 定义 控件 : 





oof oO-e Qn, 
搜索 解决 方 袜 资 源 管理 问 (Ct| 副 新 











同 解决 方案 "iocalhost .4866"(1 个 项 目 ) 
4 图 chapter6 


CNCIITTTTET 
ClassLibraryl.pdb 
4 国 
bp 国 classtibray1 
4 A dllControlaspx 
TD dlcontrolaspxcs 
b A userControlaspx 
b 各 userControll.ascx 


I a 
解决 方案 资源 管理 器 团队 资源 管理 将 








6.6 生成 的 dl 文件 


<%Q@Register assembly= "ClassLibraryl" namespace= "ClassLibraryl" tagprefix= 


"ccl™” 和 > 


在 body 元 素 中 相应 位 置 生成 添加 控件 的 代码 : 


<ccl:myDllControl ID= "myD11Control1" runat= "server"></ccl:myDllControl> 
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选择 工具 箱 项 ? x 























































































































.NET Framework 组 件 |COM 组 件 | System.Activities 组 件 | Siverlight 组件 | Windows XAML 组 件 | WPF 组 件 
名 称 2 命名 空间 程序 集 名 称 ey 
回 DeclarativeCatalogPat System.Web.Ul'WebControls.WebParts System.Web 
DefaultManagementlt System,.Managementlnstrumentation System,Managementlnstrumentaa| 
DefaultManagementP System,Managementlnstrumentation System,Management 
回 pelay System Workflow Activities System Workflow Activities 
回 DetailsView System Web.ULWebControls System Web 
DeviceSpecific System.Web.UlMobileControls System.Web,Mobile 
回 DirectoyEnty System.DirectoryServices System,DirectoryServices 
回 DirectomySearcher System.DirectoryServices System,DirectoryServices 
DirListBox MicrosoftVisualBasic.CompatibilityVB6 MicrosoftVisualBasic.Compatibil 
DirListBoxArray MicrosoftVisualBasic.CompatibilityVB6 MicrosoftVisualBasic.Compatibil 
< > 
第 选 器 (D); 
AccessDataSource 
加 定语 言 (固定 国家 /地 区 ) 
版 本 : 4.0.0.0 
确定 取消 重 置 (R) 














图 6.7 添加 dl 文件 


常 
人 





一 myDllcontrol 


图 6.8 【工具 箱 ] 中 添加 的 dl 控件 


(7) 运行 myDllControl. aspx, 效 果 如 图 6.9 所 示 。 


[9 localhost13008/chapter6/ X 
< > BD http//ocalhost13008/chapter6/myDIIControlaspx 


这 是 我 的 自 定义 控件 [ |] 





图 6.9 自 定义 控件 的 运行 效果 
可 以 为 这 个 自 定 义 控 件 的 Text 属性 设置 值 .如 果 在 该 页 面 中 添加 一 个 Button 和 一 
个 Label, 并 在 Buttonl_Click 中 添加 如 下 代码 : 


myDllControl1.Text=" 自 定义 控件 的 显示 文本 "; 
Labell.Text=myDllControl].Text; 


单 击 Button 时 将 为 自 定义 控件 设置 文本 ,效果 如 图 6. 10 所 示 。 








是 我 的 自 定义 控件 “| 自 定义 控件 的 显示 文本 
Button | 自 定义 控件 的 显示 文本 

















图 6.10 为 自 定义 控件 设置 属性 的 效果 
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62 有 版 页 


ASP. NET 提供 的 母 版 页 是 用 来 使 同一 系列 的 网 页 具有 一 致 外 观 的 工具 ,使 用 它 可 
以 为 应 用 程序 中 的 页 创建 一 致 的 布局 。 母 版 页 与 用 户 控 件 的 区 别 : 用 户 控件 是 基于 局 部 
的 界面 设计 , 母 版 页 是 基于 全 局 性 的 界面 设计 。 网 站 可 以 设置 多 种 类 型 的 母 版 页 ,以 满 
足 不 同 显示 风格 的 需要 。 在 使 用 母 版 页 制作 网 页 时 ,网 页 被 分 为 两 类 : 描述 一 致 外 观 的 
网 页 称 作 母 版 页 (Master Page) ,引用 母 版 页 的 网 页 称 作 内 容 页 (Content Page) 。 本 节 将 
介绍 母 版 页 的 使 用 方法 。 


621 和 母 版 页 的 创建 
母 版 页 是 一 个 以 . master 为 后 级 的 文件 。 在 【解决 方案 资源 管理 器 ] 中 , 右 击 网 站 根 


目录 怀 【 添 加 >【 添 加 新 项 > 选择 【 母 版 页 > 修改 名 称 习 单 击 【 添 加 ] 按 钮 (如 图 6. 11 
所 示 )。 

















添加 新 项 - chapter6 和 区 
4 8 交 排序 依据 : 默认 什 国内 固 搜索 已 安装 模板 (ctl+E) P- 
Visual Basic [es] Web 窗 体 Visual C# 。 富美 夺 Visual C# 
Visual ck 4 Web 应 用 程序 的 母 上 页 
上 联机 呆 ”wplianlsx Visual C# 
加 wwerea Visual C# 
加 *Rmeam Visual C# 
加 空 页 (Razof) Visual C# 
加 内 容 页 (Razon) Visual C# 
攻 网 页 (Razon Visual C# 
门 ws Visual cg 
但 ADO.NET 实体 数据 模型 Visual C# 
| Dynamic Data 字段 Volce 
名 向 (N): Masterpage.master 回 特 代 码 放 在 单 折 的 文件 中 (@) 
口 选择 母 版 页 (C) 
添加 他 取消 























6.11 添加 母 版 页 
新 建 的 母 版 页 的 源 视图 的 代码 如 下 。 


< %@Master Language= "C# " AutogventWireup= "true" CodeFile= "MasterPage.master.cs" 
Inherits= "MasterPage" $> 

< 1!DOCTYPE html> 

<html xmlns= "http://www-w3.org/1999/xhtml"> 

<head runat= "server"> 


<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
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<asp:ContentPlaceHolder id= "head" runat= "server"> 
</asp:ContentPlaceHolder> 
< /head> 
<body> 
< form id="forml" runat= "server"> 
<div> 
<asp:ContentPlaceHolder id= "ContentPlaceHolderl1" runat= "server"> 
< /asp:ContentPlaceHolder> 
</div> 
< /form> 
< /body> 
</html> 
指令 @Master 替代 了 Web 窗 体 页 的 @Page, 用 于 识别 母 版 页 ,其 他 属性 的 含义 同 
@Page 中 的 。 母 版 页 的 页 面 可 以 分 为 两 种 类 型 的 部 分 ,一 部 分 是 用 于 创建 统一 的 站 点 模 
板 ,一 部 分 是 用 于 指定 在 内 容 页 的 可 编辑 区 域 。 可 编辑 区 域 用 ContentPlaceHolder 控件 
表示 ,代码 中 的 二 asp: ContentPlaceHolder id 王 "ContentPlaceHolderl"”runat 一 "server" 过 
所 /asp:ContentPlaceHolder 之 表示 一 个 ContentPlaceHolder 控件 。 一 个 母 版 页 可 以 包 
含 多 个 ContentPlaceHolder 控件 ,该 控件 在 内 容 页 上 显示 为 Content 控件 ,是 可 以 继续 
编辑 的 部 分 , 非 ContentPlaceHolder 控件 部 分 不 可 以 继续 编辑 。 
在 母 版 页 中 定义 的 所 有 标记 ,将 出 现在 使 用 了 该 母 版 页 的 Web 页 面 中 。 通 过 母 版 
页 ,开发 人 员 可 以 对 站 点 的 页 面 布局 进行 统一 管理 和 定义 ,可 以 轻松 地 创建 视觉 效果 统 
一 的 页 面 ,而 且 还 易于 更 新 。 


622 为 母 版 页 添加 内 容 页 


母 版 页 是 为 多 个 内 容 页 设计 统一 功能 布局 的 。 在 设计 完 母 版 页 后 ,为 母 版 页 添加 内 
容 页 有 以 下 三 种 方法 。 

1. 直接 从 母 版 页 中 添加 新 网 页 

打开 已 创建 的 母 版 页 , 右 击 ContentPlaceHolder 控件 ,选择 【添加 内 容 页 命令 (如 
图 6.12 所 示 ), 将 自动 添加 一 个 内 容 页 ,内 容 页 将 自动 与 母 版 页 关联 。 


生成 内 容 页 的 代码 如 下 ,MasterPageFile 属性 用 于 指定 关联 的 母 版 页 的 文件 名 ， 
Content 控件 用 于 编辑 页 面 。 








< SQ@Page Title="" Language= "C#" MasterPageFile= "~ /MasterPage.master" 
RAutoPventWireup= "true" CodeFile= "Default.aspx.cs" Inherits=" Default" $> 


<asp:Content ID= "Contentl1" ContentPlaceHolderID= "head" Runat= "Server"> 
< /asp:Content> 

<asp:Content ID= "Content2" ContentPlaceHolderID= "ContentPlaceHolder1" 
Runat= "Server"> 


< /asp:Content> 
















Web.config 


前 切 () 
复制 (人 ) 
巾 贴 (P) 
丫 贴 蔡 换 内 容 (日 
删除 (D) 

查看 代码 (C) 
添加 内 容 页 (N) 
显示 智 驳 标记 (G) 
刷新 (P) 

属性 (R) 


革 X 名品 SK 


SS 
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dllControlaspyx 





Ctrl+C 
CtrlrV 


Del 


Ctrl+M, Ctrl+C 


Shift+Alt+F10 






Alt+Enter 





图 6.12 从 母 版 页 直接 添加 内 容 页 的 操作 


2. 创建 新 网 页 时 选择 母 版 页 


第 二 种 方法 是 在 添加 新 Web 窗 体 时 选择 使 用 母 版 页 。 具 体操 作 是 在 【解决 方案 资 
源 管理 器 中 , 右 击 网 站 名 ,选择 【添加 本 并 添加 新 项 了 ,在 弹出 的 【添加 新 项 对 话 框 中 选 
择 Web 窗 体 , 勾 选 【选择 母 版 页 ] 复 选 框 (如 图 6. 13 所 示 ) , 单 击 【添加 按钮 ,然后 再 根据 
需要 选择 一 个 可 用 的 母 版 页 (如 图 6.14 所 示 ) , 单 击 [确定 按钮 ,将 添加 一 个 母 版 页 。 


添 in 新 项 - chapter6 
4 已 实 站 


Visual Basic 
Visual C# 


b> 联机 





Default2,aspx 


排序 依据 ， 默认 值 
Web 锻 体 

Web Apl 控制 基 革 
稻 助 程序 (Razo) 
布局 页 Razon) 
(Razon) 

由 宇 页 Razon) 


网 页 (Razor) 


国 竖 允 忆 电台 如 国 


母 版 页 


门 Web 用 户 控 件 


侣 ADO.NET 实体 数据 楼 型 


-| Dynamic Data 字段 








? x 
搜 壳 已 实效 模板 (Ctl+E) 
RCR Rw Vixual cy 
Web 应 用 程序 的 窗 体 
‘Visual C# 
Visual C# 
Visual C# 
Visual Ct# 
Visual C# 
Visual C# 
Visual C# 
Visual C# 
Visual C# 
Visual Ct# 
折 代 码 放 在 单独 的 文件 中 
器 选择 母 版 页 (C) 
添加 | | 了 

















图 6.13 添加 母 版 页 


3. 现 有 网 页 放 入 母 版 页 中 


为 已 经 创建 好 的 Web 窗 体 引用 母 版 页 时 ,需要 修改 Web 窗 体 页 的 代码 。 具 体 描述 如 下 。 


(1) 打开 现 有 网 页 的 [ 源 ] 代 码 视图 ,在 页 面 


MasterPageFile 属性 。 





命令 @Page 中 增加 与 母 版 页 联系 的 
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选择 母 版 页 ? x 
项 目 文件 来 人 ): 文件 夹 内 容 (C): 
~ lepaptad 
国 Bin 
> 国 d 






































6.14 选择 母 版 页 


(2) 删除 网 页 的 HTML、Head、Body、Form 等 标记 。 

(3) 在 剩余 代码 的 前 后 两 端 加 上 Content 标记 ,并 增加 Content 的 ID 属性 ,Runat 属 
性 以 及 ContentPlaceHolderID 属性 ,ContentPlaceHolderID 的 值 应 该 与 母 版 页 中 的 网 页 
容 固 相同。 如， 


<asp:Content ID= "Content2" ContentPlaceHolderID= "ContentPlaceHolderl" Runat= "Server"> 


< /asp:Content> 


下 面 制作 一 个 导航 功能 的 母 版 页 ,演示 母 版 页 和 内 容 页 的 使 用 。 

【实例 6-1】 母 版 页 和 内 容 页 的 使 用 。 

(1) 打开 网 站 chapter6 ,打开 刚刚 新 建 的 母 版 页 MasterPage. master。 在 网 站 根 目 录 
下 放 两 个 图 片 1. jpg 和 changtiao. png。 

(2) 在 母 版 页 中 插入 表格 控制 控件 的 显示 位 置 , 在 表格 中 放 入 一 个 Image 控件 ,三 个 
HyperLink 控件 表示 网 页 的 栏目 。 生 成 的 代码 如 下 。 





< $@Master Language= "C# " AutopventWireup= "true" CodeFile= "MasterPage.master.cs" 
Inherits= "MasterPage" $> 
< !DOCTYPE html> 
<html xmlns= "http://www.w3.org/1999/xhtml"> 
<head runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
<asp:ContentPlaceHolder id= "head" runat= "server"> 
</asp:ContentPlaceHolder> 
<style type= "text/css"> 
-auto- stylel { 
width: 100%; 
height: 372px; 
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} 

-auto- style3 { 
height: 34px; 

i 

-auto- style5 { 
width: 100%; 

-auto- style6 { 
width: 24px; 

让 

-auto- style7 { 

} 

-auto- style9 { 
width: 92px; 

} 

-auto- stylel0 { 
width: 79px; 

} 

-auto- stylell { 


width: 20%; 
} 
</style> 
< /head> 
<body> 
< form id= "forml" runat= "server"> 
<div> 
<table class= "auto- stylel"> 


<tr> 
<td class= "auto- style3" colspan= "2"> gnbsp;< table class= 
"auto- style5"> 
<tr> 
<td class= "auto- style6" rowspan= "2"> 
<asp:Image ID= "Imagel" runat= "server" Height= 
"105px" ImageUrl="~ /1.jpg" Width= "81px" /> 


</ta> 
<td class= "auto- style7" colspan= "3"> gnbsp;< /td> 
<td> gnbsp;< /td> 

</tr> 

<tr> 


<td class= "auto- stylel10"> gnbsp; gnbsp; 


<asp:HyperLink ID= "HyperLinkl" runat= "server"> 首 页 < /asp: 


HyperLink> 
</td> 
<td class= "auto- style9"> 


<asp:HyperLink ID= "HyperLink2" runat= "server"> 动 画 产 品 </ 


asp:HyperLink> 
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</td> 

<td> 
<asp:HyperLink ID= "HyperLink3" runat= "server"> 动 画 人 物 </ 
asp:HyperLink> 


</td> 
<td> gnbsp;< /td> 
</tr> 
</table> 
</td> 
</tr> 
过 下 
<td class= "auto- stylel1" > gnbsp;< /td> 
<td> 
<p> 
<asp:ContentPlaceHolder id= "ContentPlaceHolder1" 
runat= "server"> 
< /asp:ContentPlaceHolder> 
<br /> 
</td> 
</tr> 
</table> 
</div> 
< /form> 
< /body> 
</html> 


(3) 利用 前 面 创建 的 Web 窗 体 页 设计 内 容 页 。 将 default. aspx 重 命名 为 6-1. aspx， 
并 打开 。 可 以 看 到 母 版 页 上 设计 的 内 容 在 内 容 页 上 呈现 为 灰色 ,不 可 以 编辑 。 
ContentPlaceHolderl 控件 部 分 可 以 继续 编辑 ,在 其 中 放 入 一 个 Image 控件 (如 图 6.15 所 
示 ) ,并 设置 ImageUrl 属性 为 changtiao. png。 





日 拆 分 |" 源 | 个 [carpConieotcontentz] <ospdmagemmagez> 
图 6.15 引用 母 版 页 的 内 容 页 
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(4) 运行 6-1. aspx, 可 以 看 到 母 版 页 MasterPage. master 和 内 容 页 6-1. aspx 中 的 内 
容 。 效 果 如 图 6. 16 所 示 。 


| 四 PE | 
< > @ © [Imp/Nocahest13008/cnapters/6-1aspx 











6.16 6-1.aspx 页 面 的 运行 效果 


63 至 题 


ASP. NET 提供 了 主题 设置 页 面 和 控件 的 外 观 ,本 节 介 绍 主题 .创建 主题 及 应 用 主题 
的 方法 。 


631 主题 是 什么 


主题 实际 上 是 一 个 目录 ,必须 放置 在 网 站 根 目 录 下 的 App_Themes 专用 目录 下 ,用 
于 定义 网 站 /网 页 的 显示 风格 。 也 可 以 说 主题 是 一 些 控件 及 其 属性 设置 的 集合 ,使 用 这 
些 属性 的 设置 可 以 定义 页 面 和 控件 的 外 观 。 主 题 只 包含 三 种 类 型 的 文件 : 皮肤 文件 (后 
缀 为 . skin) .CSS(Cascading Style Sheet, 级 联 样式 表 ) 样 式 文件 (后 级 为 . css) 和 一 些 图 像 
文件 (后 缀 为 .jpg、. png、. bmop 等 )。 

皮肤 文件 又 称 外 观 文件 ,用 来 定义 一 批 服务 器 控件 的 样式 。 而 样式 文件 可 以 用 来 定 
义 HTML 的 标签 ,以 定义 页 面 的 样式 。 每 个 App_Themes 专用 目录 下 可 以 设置 多 个 主 
题目 录 , 网 站 将 可 以 根据 需要 选择 不 同 的 主题 ,定义 不 同 的 显示 风格 。 这 样 只 要 改变 网 
站 主题 就 可 以 改变 网 站 的 显示 风格 了 。ASP. NET 中 预定 义 了 一 些 主题 的 样式 ,而 开发 
者 也 可 以 开发 自己 的 主题 。 


632 创建 主题 


主题 是 App_Themes 专用 目录 ,里 面包 含 皮肤 文件 和 CSS 样式 文件 。 先 创建 一 个 主 
题目 录 , 然 后 添加 需要 的 皮肤 文件 和 CSS 样式 文件 ,并 分 别 设计 代码 。 下 面 介绍 详细 的 
创建 方法 及 注意 事项 。 
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(1) 在 【解决 方案 资源 管理 器 中 , 右 击 网 站 名 ,选择 [添加 ASP. NET 文件 夹 】, 青 选 
择 [ 主 题 】,. NET 自动 在 应 用 程序 的 根 目 录 下 生成 了 一 个 叫 App_Themes 的 专用 目录 ， 
并 且 这 个 专用 目录 下 已 经 放置 一 个 主题 文件 夹 ,默认 为 Themesl, 可 以 重 命名 ,也 可 以 右 
击 App_Themes 目录 ,选择 [添加 】>【 添 加 ASP. NET 文件 夹 ]>【 主 题 】, 即 在 主题 目录 
中 添加 上 【主题 1】 ,可 以 继续 添加 主题 文件 夹 【 主 题 2]( 如 图 6.17 所 示 )。 





器。 添 bh0 新 项 W).… Ctrl+Shift+A 添 hn(D) ， | 主题 1 
器 ” 现 有 项 (6G).… Shift+Ak+A 前 ”管理 NuGet 程序 包 (N)… 主题 2 
添加 ASP.NET 文件 夫 (S) ， 本。 在 刘 览 器 中 查看 (bdbrowsenj(B) 
样式 表 浏览 方式 (H).… Ee 

外 观 文件 (局 新 文件 夫 ( 朋 Laspx 





图 6.17 添加 主题 文件 夹 


(2) 右 击 【主题 1] 文件 夹 ,选择 [ 添 加 】>【 外 观 文件 】 ,弹出 对 话 框 ,可 以 命名 外 观 文件 的 
名 称 ,后 缀 为 . skin, 然 后 单 击 【确定 按钮 , 即 可 添加 上 外 观 文 件 ,这 里 是 SkinFile. skin。 

(3) 新 建 的 SkinFile. skin 默认 已 经 有 一 段 说 明 , 开 发 人 员 可 以 在 下 面 继续 定义 皮肤 
文件 的 内 容 。 在 皮肤 文件 中 ,可 以 定义 控件 的 显示 语句 。 例 如 : 


<asp:Label runat= "server" 
BackColor= "White" 
ForeColor= "DarkBlue" 
Font- Size= "Small"/> 


<asp:TextBox 
Runat= "server" 
BackColor= "Pink" 
ForeColor= "DarkBlue" 
Font- Size= "Small" 
Font- Bold= "true"/> 


上 述 代 码 定 义 了 Label 和 TextBox 控件 的 皮肤 。 字 体 颜 色 都 是 DarkBlue( 深 蓝 色 ); 
背景 颜色 分 别 是 White( 白 色 ) 和 Pink( 粉 色 ) ;字体 大 小 都 是 Small; TextBox 控件 的 字体 
为 粗 体 。 

皮肤 文件 只 能 定义 控件 的 外 貌 属性 ,不 能 定义 行 ”中 -一 一 
为 属性 ,如 AutoPostBack 等 。 而 且 用 户 控 件 |eof e-em 
(userControl) 不 能 用 skin 文件 定义 ,只 能 在 用 户 控件 ”| 尖 和 = 方案 宫 源 管 理 关 (Ctr|+) 
开发 时 应 用 skin 文件 。 ee 


在 同一 个 主题 目录 下 ,不 管 定义 了 多 少 个 皮肤 文 | 和 辣 Aeccss 


4 {App Themes 


























件 , 系 统 都 会 自动 将 它们 合并 成 一 个 文件 。 Te 
(4) 右 击 【主题 1 目录 ,选择 【添加 ]-【 样 式 表 】， SyleSheetess 
在 弹出 的 对 话 框 中 ,对 样式 表 命 名 ,自动 在 主题 1 目录 a 


下 添加 一 个 样式 表 文 件 ,这 里 是 StyleSheet. css, 添 加 6.18 添加 皮肤 文件 和 样式 
完毕 如 图 6. 18 所 示 。 文件 的 主题 目录 
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(5) 可 以 继续 设计 CSS 文件。 


633 皮肤 文件 


皮肤 文件 用 于 定义 控件 的 外 观 。 实 际 应 用 中 一 种 控件 可 能 需要 多 种 外 观 , 下 面 就 来 
介绍 同一 种 控件 定义 多 种 显示 风格 的 方法 及 如 何 快速 地 写 一 个 皮肤 文件 。 


1. 同一 控件 多 种 皮肤 定义 的 方法 


在 皮肤 文件 中 ,在 控件 显示 的 定义 中 用 SkinID 属性 来 区 别 。 如 对 TextBox 定义 三 
种 显示 风格 : 


// 定 义 不 含 SkinID 的 TextBox 皮 肤 外 观 
<asp:TextBox 
Runat= "server" 
BackColor= "White" 
ForeColor= "DarkBlue" 
/> 
// 定 义 SkinID 为 PinkStyle 的 TextBox 皮 肤 外 观 
<asp:TextBox 
SkinID= "PinkStyle" 
Runat= "server" 
BackColor= "Pink" 
ForeColor= "DarkBlue" 
Font- Size= "Small" 
Font- Bold= "true"/> 
// 定 义 SkinID 为 BlackStyle 的 TextBox 皮 肤 外 观 
<asp:TextBox 
SkinID= "BlackStyle" 
Runat= "server" 
BackColor= "Black" 
ForeColor= "White" 
Font- Size= "Small" 
/> 
上 述 代 码 为 TextBox 定义 了 三 种 外 观 。 第 一 种 风格 不 包含 SkinID 属性 ,为 TextBox 控 
件 默 认 的 显示 风格 。 该 定义 将 作用 于 所 有 不 注 明 SkinID 的 TextBox 控件 。 第 二 个 和 第 三 
个 中 都 包含 SkinID 属性 ,这 些 定义 只 能 作用 于 SkinID 相同 的 TextBox 控件 。 
即 TextBox 控件 应 用 皮肤 时 ,车 指定 了 SkinID 属性 , 则 匹配 同名 的 SkinID 的 定义 
风格 , 若 没 指定 SkinID 属性 , 则 使 用 默认 的 定义 风格 。 


2. 如 何 快速 地 写 一 个 皮肤 文件 


皮肤 文件 中 的 代码 实际 上 是 在 定义 控件 的 外 观 属 性 ,为 了 快速 地 写 出 皮肤 文件 的 代 
码 可 以 采用 以 下 方式 。 
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(1) 向 某 页 面 中 添加 相应 控件 ,如 Button ,然后 在 【属性 了 窗口 中 设置 它 的 各 种 属性 ， 
实现 预期 的 外 观 显示 效果 。 

(2) 复制 该 控件 的 整个 代码 到 皮肤 文件 中 ,去 掉 该 控件 的 ID 属性 ,再 根据 需要 为 其 
添加 SkinID 属性 的 定义 。 

(3) 重复 (1)、(2) 步 ,制作 其 他 控件 的 皮肤 代码 。 

这 样 就 可 以 方便 快速 地 写 出 一 个 皮肤 文件 ,并 放 在 主题 中 应 用 了 。 


634 样式 文件 


1. 什么 是 CSS 


CSS 是 一 组 用 来 控制 网 页 元 素 外 观 的 属性 ,是 对 HTML 功能 的 扩展 。 在 HTML 的 基 
础 上 , 它 提 供 了 精确 定位 或 重新 定义 HTML 属性 的 功能 。 用 CSS 可 以 控制 大 多 数 传统 的 
文本 属性 ,如 字体 、 字 号、 字形、 字 距 等 ,还 可 以 控制 如 页 边 距 .颜色 、 缩 排 \ 底 图 等 排版 属性 。 

CSS 的 定义 有 三 种 类 型 ,分 别 是 对 HTML 元 素 定义 、 用 类 名 (Class Selectors) 定义 
和 用 元 素 ID 定义 。 


2. 设计 CSS 代码 


CSS 代码 可 以 在 Dreamweaver 这 样 的 网 页 设计 软件 中 设计 生成 ,也 可 以 在 ASP 
.NET 中 生成 。 它 也 提供 了 生成 CSS 代码 的 可 视 化 环境 。 具 体 的 操作 步骤 如 下 。 

(1) 双击 打开 CSS 文件 ,选择 需要 设计 的 元 素 ,类 或 元 素 ID。 

(2) 在 [属性 了 窗口 中 单 击 style 属性 后 面 的 省 略 号 按钮 ,将 弹出 如 图 6. 19 所 示 的 【修改 
样式 对 话 框 。 在 对 话 框 中 可 以 对 字体 、 块 .背景 .边框 等 进行 设置 ,并 生成 对 应 的 CSS 代码 。 





text-decoration: 











font-style: 


font-variant; 











text-transform: 





color: 




















border-style: dotted; background-color: yellowgreen; font-fanily: Canbria; 
font-size: small 











ee 








6.19 设置 样式 


#0 用 户 控件 、 母 版 页 和 主题 123 





(3) 在 【CSS 大 纲 ] 徐 口中 (如 图 6. 20 所 示 ) ,可 以 对 样式 表 内 容 进 行 管理 。 
3. CSS 样式 的 使 用 


设计 完 CSS 文件 后 ,就 可 以 直接 在 页 面 中 使 用 了 。 在 
ASP. NET 中 ,CSS 样式 的 使 用 方法 有 以 下 三 种 。 

(1) 使 用 link 链接 CSS 文件 。 只 需 打 开 Web 页 面 的 [ 源 】 国 @ Blocks 
视图 ,在 二 head 二 标记 中 增加 以 下 代码 : 





<link rel= "stylesheet" type= "text/css" href= 

"StyleSheet .css" /> 图 6.20 CSS 大 纲 窗 口 
即 可 指定 页 面 使 用 StyleSheet. css 文件 显示 本 页 面 的 样式 。 

(2) 直接 在 HTML 标签 中 定义 CSS, 如 : 二 hl style 王 "background-color: Pink" 过 
< 

(3) 在 页 面 中 直接 写 CSS 代码 ,再 调用 。 如 实例 6-1 中 的 代码 : class 一 "auto- 
stylel" ,指定 要 使 用 的 CSS 样式 。 

(4) 应 用 主题 后 使 用 CSS 样式 ( 见 6. 3. 5 节 )。 


635 应 用 主题 的 方法 
主题 既 可 以 应 用 于 单个 网 页 ,也 可 以 应 用 于 整个 网 站 。 
1. 应 用 于 单个 网 页 
应 用 于 单个 网 页 的 方法 有 以 下 两 种 。 














(1) 在 Page 指令 中 增加 Theme 属性 指 

















DOE 应 用 的 主题 。 可 以 通过 【属性 了 窗口 (如 图 6. 21 
和 四 示 ) 设 置 ,也 可 以 直接 在 [ 源 ] 视 图 上 写 代码 : 二 % 
Se @ Page theme="Themesl" %>。 
Dog (2) 设置 页 面 的 StylesheetTheme 属性 来 指 
i 定 所 使 用 的 主题 。 操 作 方法 同 Theme 的 设置。 
MosierPeooflo 在 页 面 中 指定 StylesheetTheme 属性 可 以 在 
StyleSheetTheme 设计 阶段 看 到 皮肤 文件 的 定义 效果 ,使 用 Theme 
0 属性 只 能 在 运行 时 看 到 。 


Trace 





图 6.21 设置 Theme 属性 2. 应 用 于 整个 网 站 


如 果 将 主题 应 用 于 整个 网 站 时 ,需要 在 网 站 
根 目录 下 的 Web. config 文件 中 二 System. web 二 节 中 配置 。 例 如 ,要 将 Themesl 主题 目 
录 应 用 于 网 站 的 所 有 文件 中 ,可 以 在 Web. config 文件 中 的 二 System. web 二 节 添 加 代码 : 
过 pages theme 二 "Themesl1"/ 请 ,如 下 所 示 。 
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< configuration> 
<system.web> 
<pages theme= "Themes1"/> 
</system.web> 


< /configuration> 


如 果 在 配置 了 网 站 共用 主题 的 情况 下 , 某 个 网 页 对 主题 有 特殊 要 求 时 ,还 可 以 在 该 
网 页 的 Page 命令 中 定义 自己 需要 的 主题 ,此 时 网 页 中 的 定义 优先 于 Web. config 文件 中 
配置 的 主题 。 

【实例 6-2】 应 用 主题 的 练习 。 

(1) 在 网 站 chapter6 中 添加 一 个 6-2. aspx 页 面 ,在 页 面 上 放 两 个 Label, 两 个 
TextBox。 

(2) 在 网 站 主题 目录 中 添加 一 个 主题 Themesl, 在 主题 Themesl 中 添加 一 个 
SkinFile. skin。SkinFile. skin 中 添加 如 下 代码 。 


<%- -下面 的 定义 会 被 默认 调用 - - s> 

<asp:Label runat="server" BackColor= "Red" ForeColor= "DarkBlue" /> 

<asp:TextBox Runat="server" BackColor="Red" ForeColor= "DarkBlue"” /> 

<&%- -下面 的 定义 需要 匹配 SkinID 被 调用 - - 条 

<asp:Label SkinID="PinkLabel" runat="server" BackColor= "Pink" 
ForeColor= "DarkBlue" Font- Size="Small"/> 

<asp:TextBox SkinID="PinkTxt" Runat= "server" BackColor= "Pink" 
ForeColor= "DarkBlue" Font- Bold= "true"/> 


(3) 在 主题 Themesl 中 添加 一 个 StyleSheet. css 文件 ,在 其 中 添加 以 下 代码 。 


body 
{ 

background- color:yellowgreen; 
} 


(4) 在 6-2. aspx 页 面 的 @Page 指令 中 添加 属性 StyleSheetTheme 王 "Themesl" ,并 
为 Label2 和 TextBox2 添加 SkinID 属性 ,生成 的 代码 如 下 。 


< %@Page Language= "C# " AutogventWireup= "true" CodeFile="6-2.aspx.cs" Inherits= 

" 6 2" Theme="" $> 

< !DOCTYPE html> 

<html xmlns= "http://www.w3.org/1999/xhtml"> 

<head runat= "server"> 

<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 

</head> 

<body> 
< form id= "forml" runat= "server"> 


<div> 
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<asp:Label ID= "Labell" runat= "server" Text= "Label">< /asp:Label> 
<asp:TextBox ID= "TextBox1" runat= "server">< /asp:TextBox> 
<br /> 
<br /> 
<br /> 
<asp:Label ID= "Label2" runat= "server" SkinID= "PinkLabel" Text= 
"Label">< /asp:Label> 
<asp:TextBox ID= "TextBox2" runat= "server" SkinID= "PinkTxt"> < /asp: 
TextBox> 
</div> 
< /form> 
< /body> 
</html> 


(5) 运行 6-2. aspx, 可 以 看 到 主题 应 用 的 效果 (如 图 6. 22 所 示 )。 背 景色 为 CSS 文 
件 中 设置 的 yellowgreen, Labell 和 TextBoxl 为 默认 的 皮肤 Red 背景 , Label2 和 
TextBox2 分 别 为 皮肤 PinkLabel 和 PinkTxt 中 设置 的 背景 色 。 


[DD localhost24493/chapter6/ X 
《 > DD htpyocalhost24 ZIV 





6.22 实例 6-2 的 效果 


小 结 


制作 网 站 时 ,经 常 需要 使 网 页 结构 和 风格 统一 。 本 章 介绍 了 用 户 控件 、 母 版 页 和 主 
题 的 作用 和 使 用 方法 。 使 用 用 户 控件 可 以 完成 一 个 Web 服务 器 控件 无 法 完成 的 功能 ， 
它 也 可 以 像 普 通 Web 控件 一 样 重复 使 用 ,使 网 页 风格 保持 统一 。 母 版 页 的 功能 强大 ,使 
用 它 可 以 为 应 用 程序 中 的 页 创建 一 致 的 布局 。 母 版 页 与 用 户 控件 的 区 别 在 于 : 用 户 控件 
是 基于 局 部 的 界面 设计 , 母 版 页 是 基于 全 局 性 的 界面 设计 。 母 版 页 和 用 户 控件 可 以 搭配 
使 用 ,一 起 实现 页 面 功能 布局 的 统一 。 

主题 将 皮肤 文件 和 样式 组 织 起 来 一 起 使 用 ,使 页 面 外 观 和 控件 外 观 形成 统一 的 显示 
风格 。 这 个 主题 可 以 应 用 到 任何 站 点 。 网 站 也 可 以 方便 地 改变 站 点 的 主题 ,以 显示 不 同 
的 外 观 。 
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(1) 的 扩展 名 是 . ascx, 在 结构 上 与 aspx 页 面相 似 ,功能 却 与 普通 Web 控件 相似 。 
(2) 用 户 控件 使 用 命令 来 表示 这 是 一 个 用 户 控件 。 

(3) 母 版 页 的 扩展 名 是 ,引用 母 版 页 的 网 页 叫 ,使 用 @Page 命令 
属性 来 引用 。 

(4) 主题 中 主要 包含 文件 和 文件 。 

(5) 使 用 或 属性 指定 页 面 应 用 的 主题 。 


2. 选择 题 


(1) 以 下 关于 用 户 控 件 的 说 法 错误 的 是 ( Ys 
A. 用 户 控件 的 文件 扩展 名 为 . ascx 
B. 用 户 控件 中 没有 @Page 指令 ,取而代之 的 是 包含 @Control 指令 
C. 用 户 控件 中 没有 html、body 或 form 元 素 
D. 用 户 控件 可 以 作为 独立 文件 运行 
(2) 关于 主题 下 面 说 法 错误 的 是 ( Ds 
A. 必须 放置 在 网 站 根 目录 下 的 App_Themes 专用 目录 下 
B. 可 包含 皮肤 文件 和 CSS 样式 文件 
C. 主题 既 可 以 应 用 于 单个 网 页 ,也 可 以 应 用 于 整个 网 站 
D. 一 个 网 站 只 能 有 一 个 主题 


3. 简 答 题 
请 阐述 一 下 Web 窗 体 页 和 用 户 控 件 . 母 版 页 和 用 户 控件 的 区 别 。 
4. 上 机 操作 题 


上 机 目的 : 

掌握 用 户 控件 的 创建 方法 和 调用 方法 ; 

掌握 母 版 页 的 创建 方法 和 内 容 页 的 添加 方法 ; 

掌握 主题 的 创建 方法 ,能 够 为 页 面 应 用 主题 。 

上 机 内 容 : 

(1) 使 用 用 户 控件 实现 网 站 当前 在 线 人 数 显示 功能 。 

(2) 为 一 个 英语 培训 学 校 的 网 站 制作 首页 。 首 页 的 头 部 和 底部 使 用 一 个 母 版 页 完 
头 部 应 该 包括 学 习 logo ,宣传 口号 .主要 栏目 等 。 底 部 包括 学 校 的 通信 地 址 和 联系 
等 。 首 页 显示 学 校 的 广告 .培训 的 主要 内 容 等 。 

(3) 为 第 (2) 题 中 的 网 站 制作 一 个 主题 ,并 在 首页 上 应 用 。 








当 网 站 包含 很 多 页 面 时 ,就 需要 建立 网 站 导航 。 用 户 能 对 网 站 结构 .自己 所 处 的 位 
置 有 一 个 清晰 的 认识 。 就 像 是 置身 于 一 个 大 城市 ,如 果 能 有 一 份 地 图 导航 一 样 , 可 以 更 
快速 地 找到 目的 地 。 使 用 网 站 导航 可 以 帮助 用 户 方便 地 回 到 网 站 首页 及 跳 转 到 相关 内 
容 的 页 面 。 导 航 功 能 是 网 站 的 基本 组 件 。ASP. NET 内 置 的 导航 技术 ,可 以 让 开发 人 员 
轻松 地 创建 站 点 导航 。 通 过 站 点 导航 ,可 以 按 层次 结构 描述 站 点 的 布局 。 本 章 将 介绍 
ASP. NET 提供 的 站 点 地 图 技术 和 三 个 高 级 服务 器 控件 : Menu、TreeView 和 
SiteMapPath 。 

站 点 地 图 用 来 描述 站 点 的 逻辑 结构 。 当 添加 或 移 除 页 面 时 ,就 需要 修改 相应 的 站 点 
地 图 ,否则 新 页 面 无 法 显示 在 站 点 地 图 中 或 将 出 现 找 不 到 页 面 资 源 的 问题 。 

Menu 和 TreeView 控件 都 用 于 在 网 页 上 显示 导航 菜单 ,导航 菜单 的 数据 来 自 于 站 
点 地 图 或 其 他 数据 源 。 显 示 导 航 菜单 时 两 个 控件 的 展现 形式 不 同 。Menu 用 来 显示 一 个 
可 以 动态 展开 的 菜单 ,而 TreeView 用 来 显示 一 个 树 状 结构 的 菜单 。 

SiteMapPath 用 来 显示 页 面 在 站 点 中 的 位 置 ,并 以 链接 的 形式 显示 返回 主页 的 路 径 ， 
如 : 首页 一 一 级 栏目 一 二 级 栏目 一 内 容 页 面 。 

导航 控件 可 以 放 在 母 版 页 中 使 用 ,可 以 为 网 站 提供 统一 的 导航 功能 。 

本 章 学 习 目 标 : 

。 认识 网 站 导航 的 作用 ，; 

。 掌握 Menu、TreeView 和 SiteMapPath 控件 的 展现 形式 和 基本 使 用 方法 。 





7.1 和 下 点 地 图 


ASP.NET 提供 的 站 点 地 图 (Sitemap) 文 件 是 一 个 XML 文件 ,用 来 描述 网 站 的 逻辑 
结构 。 它 必须 位 于 应 用 程序 的 根 目录 下 .ASP. NET 4. 5 中 叫 Web. sitemap。 该 文件 可 
以 作为 菜单 和 导航 控件 的 数据 源 ,数据 源 控件 自动 建立 与 Web. sitemap 的 连接 ,因此 不 
可 以 修改 它 的 文件 名 ,否则 将 无 法 建立 导航 控件 与 数据 源 控件 的 联系 。 

创建 站 点 地 图 的 方法 是 : 右 击 【 解 决 方案 管理 器 ] 中 的 网 站 名 称 ,选择 [ 添 加 】->【 添 加 
新 项 】, 在 弹出 的 对 话 框 中 选择 站 点 地 图 文件 (如 图 7.1 所 示 ) , 单 击 [ 添 加] 按钮。 将 在 网 
站 根 目录 下 生成 一 个 名 为 “Web. Sitemap” 的 文件 。 
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搜索 已 安装 模板 (Ctrl+E) 





Visual C#  “” 类 时 Visual c# 
用 于 创建 站 点 地 图 的 文件 


Visual C# 
Visual C# 


Visual C# 


Visual C# 


Visual C# 


Web.sitemap 口 将 代码 放 在 单独 的 文件 中 (BP) 
口 选 泽 号 KR(O 

















7.1 添加 站 点 地 图 


在 创建 的 站 点 地 图 文件 中 已 经 包含 如 下 代码 。 


<?xml version= "1.0" encoding= "utf- 8" ?> 
<siteMap xmlns= "http://schemas.microsoft.com/AspNet/SiteMap- File-1.0" > 
<siteMapNode url="" title="" description=""> 
< siteMapNode url="" title="" description="" /> 
< siteMapNode url="" title="" description="" /> 
< /siteMapNode> 
< /siteMap> 
上 述 代 码 第 1 行 是 对 xml 版 本 的 说 明 。 可 以 看 出 ,文件 有 一 个 根 元 素 二 siteMap 二 ， 
根 元 素 中 有 多 个 节点 过 siteMapNode 二 ,用 于 表示 站 点 地 图 中 的 逻辑 结构 节点 。 每 个 
二 siteMapNode 记 节点 可 以 有 多 个 属性 ,最 常用 的 三 种 属性 是 title .url 和 description 。 
(1) title: 节点 的 显示 标题 。 
(2) url; 该 节点 调用 网 页 的 URL。 
(3) description: 作为 智能 提示 的 内 容 。 
所 有 属性 的 属性 值 都 是 字符 串 类 型 。 
二 siteMapNode 二 节点 可 以 多 次 嵌 套 ,来 表示 站 点 的 逻辑 结构 的 层次 性 ,但 站 点 地 图 
必须 只 包含 一 个 根 元 素 。 开 发 人 员 可 以 在 此 基础 上 添加 需要 的 站 点 地 图 内 容 。 


72 动态 菜单 控件 
动态 菜单 (Menu) 控 件 从 [工具 箱 ] 的 [导航 选项 卡 中 可 以 获得 。 在 程序 运行 时 , 光 


标 移动 到 菜单 的 某 个 节点 上 时 ,会 自动 弹出 其 下 一 层 的 节点 , 当 光 标 离 开 该 节点 后 子 节 
点 又 会 自动 消失 。 整 个 显示 过 程 是 动态 的 。 
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Menu 控件 的 主要 属性 如 下 。 

(1) Items: 设置 Menu 控件 中 显示 的 菜单 项 的 集合 。 

(2) Orientation: 用 来 设置 菜单 项 的 排列 方式 。 包 括 两 种 方式 : Vertical( 纵 向 排列 
方向 ) 和 Horizontal( 水 平 排列 方向 ) 。 默 认为 Vertical 。 

(3) DynamicHorizontalOffset: 设置 一 个 数值 ,表示 菜单 项 的 右边 框 和 它 的 子 菜单 
项 的 左边 框 之 间 的 水 平 偏 移 量 , 以 像素 (px) 为 单位 。 如 10 ,表示 水 平 偏 移 10px。 

(4) StaticDisplayLevels: 设置 一 个 数值 ,表示 菜单 中 的 静态 部 分 中 显示 的 级 别 数 ， 
默认 是 1。 

(5) StaticSubMenuJIndent: 设置 静态 菜单 项 和 它 的 静态 子 菜单 之 间 的 缩 进 ， 
如 10px。 

(6) StaticTopSeparatorImage: 设置 菜单 静态 部 分 中 的 顶部 分 隔 符 的 图 像 URL。 

Menu 菜单 的 菜单 项 内 容 可 以 手动 创建 也 可 以 结合 站 点 地 图 创建 。 如 果 网 页 较 多 的 
时 候 使 用 站 点 地 图 比较 方便 ,Menu 菜单 中 的 菜单 项 直接 从 站 点 地 图 中 获得 。 这 样 就 只 
需要 维护 站 点 地 图 即 可 ,不 需要 修改 Menu 控件 ,而 且 站 点 地 图 还 可 以 和 其 他 导航 控件 
相 结合 ,如 7.4 节 介 绍 的 SiteMapPath 控件 显示 网 页 路 径 。 下 面 分 别 介绍 这 两 种 方法 。 


1. 手动 创建 主 菜单 


只 需 单 击 Menu 控件 的 [Menu 任务 了 ,选择 【编辑 菜单 项 ,将 弹出 【菜单 项 编辑 器 了 就 
可 以 手动 来 编辑 主 菜单 项 (如 图 7. 2 所 示 )。 也 可 以 单 击 [ 属 性 了 窗口 中 的 Items 属性 右边 
的 省 略 号 按钮 。 在 编辑 器 中 可 以 添加 根菜 单项 ,为 当前 选中 菜单 项 添加 或 删除 子 菜单 
项 ,还 可 以 调整 菜单 项 的 顺序 。 每 个 菜单 项 都 设置 相应 的 属性 ,包括 : 
增加 车 节点 。 圳 除 节点 








增加 根 节 点 
















































企业 文化 ImageUrl 
四 -产品 介绍 NavigateUr| 
.技术 服务 PopOutimageUr 
1 百 动 六 流 Selectable True 设置 节 
Selected True 点 届 性 
SeparatorImage 5 
Target 
Text 网 站 首页 
ToolTip 
Value 网 站 首页 
Enabled 
葬 单 项 的 启用 状态 ， | 

















图 7.2 菜单 项 编辑 器 
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(1) Text 属性 : 设置 菜单 项 的 显示 文本 。 

(2) Value 属性 : 设置 与 Text 属性 相关 的 隐藏 文本 。 

(3) ToolTip 属性 : 设置 提示 信息 文本 。 

(4) NavigateUrl 属性 : 设置 单 击 菜单 项 时 跳 转 到 的 URL。 

(5) ImageUrl 属性 : 设置 显示 的 图 像 URL。 

Menu 控件 的 Orientation 属性 设 为 Horizontal, 运 行 时 的 效果 如 图 7.3 所 示 。 





[9 localhost34393/chapter7! X 
《 > BD 从 http://ocalhost:34393/chapter ~ > 
网 站 首页 企业 文化 产品 介绍 * 技术 服务 互动 交流 
基 表 础 护肤 


Nn] 





7.3 Menu 菜单 水 平展 现 的 效果 


2. 结合 站 点 地 图 创建 动态 菜单 


使 用 Menu 菜单 的 DataSourceID 属性 来 指定 数据 源 控件 ID。 下 面 以 实例 的 形式 来 
介绍 结合 站 点 地 图 创建 动态 菜单 的 方法 。 

【实例 7-1】 创建 站 点 地 图 文件 及 动态 菜单 。 FT 

(1) 右 击 网 站 根 目录 环 【 添 加 】->【Web 窗 体 】, 添 |e 98 8-2 避 
加 三 个 aspx 页 面 7-1. aspx、book. aspx 和 electronic ete 
.aspx。 再 选择 [新 建文 件 夹 】， 添 加 两 个 文件 夹 book ss 晤 poo 
和 electronic, 用 来 保存 子 菜单 相关 的 页 面 ,便于 ea 


b A popularaspx 
管 4 加 electronic 
管理 。 b A camera.aspx 


(2) 在 两 个 文件 夹 下 再 分 别 添加 两 个 Web 窗 | ?全 mobieaspr 
体 ,如 图 7.4 所 示 。 注 意 这 里 的 文件 夹 是 为 了 组 织 不 | 》 a backsspx 
同 主题 相关 的 网 页 ,也 可 以 不 这 么 做 。 网 站 地 图 表示 | ”BJspx 
的 是 网 页 的 迎 辑 结构 ,不 是 物理 结构 。 ee 
(3) 在 网 站 根 目录 下 添加 站 点 地 图 文件 Web 图 7.4 网 站 的 文件 结构 
. sitemap ,并 修改 代码 如 下 。 























<?xml version= "1.0" encoding= "utf- 8" ?> 
< SiteMap xmlns= "http://schemas .mijcrosoft.com/AspNet/SiteMap-File-1.0" > 
< siteMapNode url= "~ /7-1.aspx" title=" 商 品 分 类 " description= "首页 "> 
<siteMapNode ur]="~ /book.aspx" title=" 图 书 音像 " description=" 图 书 音像 "> 
< siteMapNode url="~ /book/popular.aspx" title= "畅销 小 说 " 
description= "畅销 小 说 " /> 
< siteMapNode url="~ /book/child.aspx" title= "儿童 读物 " 
description= "儿童 读物 " /> 
< /siteMapNode> 
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< siteMapNode url="~ /electronic.aspx" title= "电子 产品 " description= 

呈 手 产品 安 
< siteMapNode url= "~ /electronic/mobile.aspx" title= "手机 " 
description= "手机 " /> 
< siteMapNode url= "~ /electronic/camera.aspx" title=" 相 机" 
description= "相机 " /> 

< /siteMapNode> 

< /siteMapNode> 
< /siteMap> 


(4) 打开 7-1. aspx 页 面 ,从 【工具 箱 ] 的 【导航 】 选 


项 卡 中 拖 放 一 个 Menu 控件 。 在 弹出 的 [Menu 任务 】 
中 单 击 【 选 择 数据 源 ] 后 面 的 小 三 角 , 青 选择 【新 建 数 


转换 为 DynamicltemTemplate 


据 源 和 如 图 7.5 所 示 )， 将 弹出 [数据 源 配 置 向 导 】。 转换 为 StaticltemTemplate 
(5) 在 弹出 的 [数据 源 配 置 向 导 ] 中 选择 【站 点 地 编 加 模板 





图 了 如 图 7.6 所 示 ) ,将 自动 建立 与 Web. sitemap 的 
连接 。 


7.5 为 Menu 控件 新 建 数据 源 





[本 > 一 | 
= 























连接 到 此 应 用 程序 的 站 点 导航 树 (要 求 应 用 程序 根 目录 处 有 一 个 有 效 的 站 点 地 图 文件 ). 


为 数据 源 指定 IDD: 
SiteMapDataSourcel 


























7.6 数据 源 配置 向 导 


(6) 在 [Menu 任务 了 中 ,选择 [自动 套用 格式 】, 在 弹出 的 对 话 框 中 列 出 了 多 种 可 用 架 
构 ( 如 图 7.7 所 示 ) ,包括 传统 型 .彩色 型 .专业 型 和 简明 型 ,这 里 选择 [专业 型 】。 
生成 的 代码 如 下 。 


<div> 


<asp:Menu ID= "Menul" runat= "server" BackColor= "#F7F6F3" DataSourceID= 
























































7.7 【自动 套用 格式 ] 对 话 杠 


"SiteMapDataSourcel" DynamicHorizontalOffset= "2" Font- Names= "Verdana" 
Font- Size= "0.8em" ForeColor= "#7C6F57" Orientation= "Horizontal" 
StaticSubMenuIndent= "10px"> 
< DynamicHoverStyle BackColor= "# 7C6F57" ForeColor= "White" /> 
< DynamicMenuItemStyle HorizontalPadding= "5px" VerticalPadding= 
"2px" /> 
< DynamicMenuStyle BackColor= "#F7F6F3" /> 
<DynamicSelectedStyle BackColor= "# 5D7B9D" /> 
<StaticHoverStyle BackColor= "# 7C6F57" ForeColor= "White" /> 
< StaticMenuItemStyle HorizontalPadding= "5px" VerticalPadqding= "2px" /> 
<StaticSelectedStyle BackColor= "# 5D7B9D" /> 
</asp:Menu> 
<asp:SiteMapDataSource ID= "SiteMapDataSourcel" runat= "server" /> 
</div> 


代码 中 DataSourceID 属性 指定 Menu 控件 的 数据 源 控件 ID。DynamicHorizontalOffset 
设置 菜单 项 的 右边 框 和 它 的 子 菜 单项 的 左边 框 之 间 的 水 平 偏 移 量 为 2px。Style 属性 用 
来 设置 应 用 的 样式 ,如 DynamicHoverStyle 设置 当 光 标 甚 停 在 菜单 项 的 动态 部 分 某 项 时 
应 用 的 样式 。 

(7) 运行 7-1. aspx, 效 果 如 图 7.8 所 示 。 当 光标 移动 到 某 菜单 项 时 ,就 显示 该 菜单 的 
子 菜单 项 。 单 击 菜单 项 可 以 打开 设置 的 URL 对 应 的 网 页 。 

通过 Menu 控件 的 数据 源 配置 ,自动 生成 了 一 个 SiteMapDataSource 控件 , 它 是 一 个 
数据 源 控件 ,专门 用 于 网 站 地 图 文件 (XML 文件 ) 的 访问 。 第 9 章 将 介绍 其 他 类 型 的 数 
据 源 控件 。 
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电子 产品 _ 儿 童 读物 
图 书童 你 




















图 7.8 实例 7-1 的 运行 效果 


7.3 Treeview 控 件 
TreeView 控件 可 以 用 来 显示 层次 数据 。 网 站 中 网 页 之 间 的 层次 关系 就 可 以 用 
TreeView 来 表示 。 
1. 设置 显示 格式 


可 以 通过 单 击 【TreeView 任务 了 ,选择 [自动 套用 格式 了 ,在 弹出 的 [自动 套用 格式 ] 对 
话 框 中 选择 需要 的 显示 格式 。 既 可 以 用 来 实现 网 页 中 的 菜单 结构 ,也 可 以 实现 传统 的 
XP 资源 管理 器 等 功能 。 有 多 种 显示 风格 供 选择 〈 如 图 7.9 所 示 ) 。 





自动 套用 格式 E 


选择 架构 @) 预 筑 : 
移 除 格式 设置 四 
箭头 













前 头 2 
项 目 符号 列表 日 答 广 和 1 
Pi 2 


Windows 帮助 
* 交 资源 管理 器 
































7.9 TreeView 控件 的 自动 套用 格式 


2. 编辑 节点 


单 击 【TreeView 任务 】 ,选择 【编辑 节点 】, 将 弹出 [TreeView 节点 编辑 器 】 如 图 7. 10 
所 示 )。 
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7. 10 TreeView 节点 编辑 器 


在 编辑 器 中 ,可 以 增加 、 删 除 节 点 项 ,为 当前 选中 节点 项 添加 子 节 点 项 ,还 可 以 调整 
节点 项 的 顺序 。 每 个 节点 项 都 有 对 应 的 属性 。 与 Menu 菜单 项 的 属性 意义 相似 。 
TreeView 控件 的 常用 属性 如 下 。 

(1) EnableClientScript 属性 : 是 否 允 许 用 客户 端 脚 本 来 处 理 展 开 和 折 炙 节点 的 事件 
(True/False) 。 默 认为 True, 表 示人 允许 用 客户 端 脚本 来 处 理 展开 和 折 琶 节点 的 事件 , 避 
免 在 展开 和 折 全 节点 时 与 服务 器 之 间 进 行 频繁 的 信息 往返 。 

(2) ShowLines 属性 : 各 节点 之 间 是 否 有 线 连接 (True/False)。 上 默认 情况 下 各 节点 
之 间 没 有 用 线条 连接 。 

(3) ShowCheckBoxes 属性 : 是 否 在 节点 上 显示 复 选 框 。 默 认为 None, 表 示 不 显示 
复 选 框 。 如 果 需 要 显示 复 选 框 ,有 以 下 属性 值 可 供 选 择 。 

@ Root: 在 根 节点 上 显示 复 选 框 。 

@ Parent: 在 父 节点 上 显示 复 选 框 。 

@ Leaf: 在 叶子 节点 上 显示 复 选 框 。 

@ All: 在 所 有 节点 上 显示 复 选 框 。 

(4) ExpendDepth 属性 : 初始 情况 下 节点 显示 的 深度 。 默 认为 FullExpand, 表 示 显 
示 全 部 深度 上 的 节点 。 可 以 将 该 属性 值 设 置 为 某 一 整数 ,表示 初始 条 件 下 显示 的 深度 。 
如 2, 表 示 初 始 条 件 下 显示 到 深度 为 2 的 节点 。 

TreeView 控件 的 每 个 节点 都 是 TreeNode 对 象 . 可 以 通过 编写 代码 生成 TreeView 


控件 ,下 面 的 代码 为 TreeViewl 控件 添加 了 一 个 根 节点 和 一 个 子 节点 。 
TreeView1.Nodes.Clear (); // 清 空 TreeViewl 控件 的 节点 
TreeNode root= new TreeNode () // 实 例 化 一 个 TreeNode 节点 root 
root .Text= " 根 节点 "5 // 设 置 root 节点 的 Text 属性 


root .Value= "0"; // 设 置 root 节点 的 Value 值 
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root .Expanded= true; // 设 置 root 节点 展开 

TreeView] .Nodes.Add (root); // 向 TreeViewl 控件 添加 根 节点 
TreeNode childl=new TreeNode (); // 实 例 化 一 个 TreeNode 节点 childl 
chilg1.Text=" 子 节点 "; // 设 置 child1 节点 的 Text 属性 
childl.Value="1"; // 设 置 childl 节点 的 Value 值 

root .ChildNodes .Add (child1); // 向 root 节点 添加 子 节点 childl 


3. TreeView 控件 的 节点 事件 


在 选 定 节点 更 改 后 会 触发 SelectedNodeChanged 事件 ,在 服务 器 端 处 理 。 双 击 
TreeView 控件 即 可 添加 该 事件 。 

【实例 7-2】 TreeView 控件 练习 。 

(1) 在 网 站 chapter7 中 添加 Web 窗 体 7-2. aspx, 添 加 一 个 TreeView 控件 ,设置 
ShowLines 二 "True"。 在 TreeView 任务 中 选择 【自动 套用 格式 】 一 选择 【 收 件 箱 】, 单 击 
【确定 3 按钮 。 

(2) 在 TreeView 任务 中 选择 【编辑 节点 了 ,添加 节点 ,生成 的 代码 如 下 。 


<asp:TreeView ID= "TreeView1" runat= "server" ImageSet="Inbox" OnSelectedNo-deChanged=" 
TreeViewl SelectedNodeChanged" ShowLines= "True"> 
< HoverNodeStyle Font- Underline= "True" /> 
<Nodes> 
<asp:TreeNode Text= " 收 件 箱 " Value=" 收 件 箱 ">< /asp:TreeNode> 
<asp:TreeNode Text= "发 件 箱 " Value= "发 件 箱 ">< /asp:TreeNode> 
<asp:TreeNode Text=" 已 删除 信件 " Value=" 已 删除 信件 ">< /asp:TreeNode> 
<asp:TreeNode Text= "邮箱 设置 " Value= "邮箱 设置 "> 
<asp:TreeNode Text=" 常 规 设置 " Value= "常规 设置 ">< /asp:TreeNode> 
<asp:TreeNode Text=" 安 全 设置 " Value= "安全 设置 ">< /asp:TreeNode> 
</asp:TreeNode> 
</Nodes> 
<Nodestyle Font- Names= "Verdana" Font- Size= "8pt" ForeColor= "Black" 
HorizontalPadding= "5px" NodeSpacing= "0px" VerticalPadding= "0px" /> 
< ParentNodeSstyle Font- Bold= "False" /> 
< SelectedNodeStyle Font- Underline= "True" HorizontalPadding= "0px" 
VerticalPadding= "0px" /> 


< /asp:TreeView> 

(3) 双击 TreeView 控件 ,将 添加 上 它 的 SelectedNodeChanged 事件 ,在 该 事件 中 添 
加 以 下 代码 。 

protected void TreeView1l SelectedNodeChanged (object sender, EventArgs e) 

| 


Label11.Text= "你 现在 选 择 的 节 点 是 : "+TreeView]l.SelectedNode.Text; 
} 


(4) 运行 后 单 击 某 节 点 ,如 【常规 设置 】 .效果 如 图 7.11 所 示 。 
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[5 localhost34393/chapter7! X 
《< > BD http//ocalhost34393/chapter7/;$ ~ 








六 多 收入 
上 钨 发 伯 箱 
一 答 已 出 除 信 件 
所 寅 邮箱 设置 

一人 把 去 全 设置 


你 现在 选择 的 节点 是 : 常规 设置 





图 7.11 实例 7-2 的 运行 效果 


4. 结合 站 点 地 图 进行 导航 


用 TreeView 控件 结合 站 点 地 图 显示 , 同 Menu 控件 结合 站 点 地 图 的 操作 完全 相同 。 
仍 使 用 实例 7-1 中 的 站 点 地 图 ,TreeView 设置 后 的 显示 效果 如 图 7. 12 所 示 。 当 单 击 某 
节点 时 将 跳 转 到 站 点 地 图 中 该 节点 url 属性 设置 的 页 面 。 


[# ) [localhost44353/chapter7/ XX 
《 > BD http//ocalhost44353/chapter7/7-2-2.aspx 
已 商品 分 类 


各 图 书 音像 


| 畅销 小 说 
| “儿童 读物 





图 7.12 TreeView 使 用 站 点 地 图 的 效果 


74 SiteMapPath 控件 


网 站 路 径 (SiteMapPath) 控 件 用 来 显示 浏览 者 当前 的 位 置 , 它 必须 结合 网 站 地 图 使 
用 。 最 好 的 使 用 方法 是 放 在 母 版 页 中 ,为 网 站 多 个 页 面 提供 导航 功能 。 它 使 用 很 方便 ， 
从 【工具 箱 】 的 【导航 选项 卡 中 ,将 SiteMapPath 控件 拖 放 到 页 面 上 , 它 就 会 自动 与 站 点 
地 图 文件 相 结合 。 

现在 利用 7. 2 节 的 实例 7-1 中 的 页 面 演 示 SiteMapPath 控件 的 显示 效果 。 如 在 
popular. aspx 中 拖 放 一 个 SiteMapPath 控件 ,运行 时 的 显示 效果 如 图 7. 13 所 示 , 当 前 网 
页 popular. aspx 在 网 站 地 图 中 是 在 【图 书 音像 了 节点 包含 的 节点 。 单 击 上 级 节点 可 以 返 
回 站 点 地 图 中 设置 的 相应 URL。 如 果 SiteMapPath 控件 放置 的 网 页 在 站 点 地 图 中 不 存 
在 , 则 运行 时 是 看 不 到 网 页 路 径 的 。 因 此 ,需要 经 常 更 新 站 点 地 图 ,表示 真实 的 网 页 逻辑 
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结构 ,以 保证 网 页 路 径 能 正确 显示 。 





[localhost34393/chapter7| X 


商品 分 类 > 图书 音 像 > 畅销 小 说 





《 > BO) http//ocalhost34393/chapter7/book/popular.aspx 











图 7.13 SiteMapPath 控件 的 默认 显示 效果 
从 图 7. 13 中 可 以 看 出 ,SiteMapPath 控件 只 能 显示 从 根 节点 到 当前 节点 之 间 的 路 
径 , 利 用 它 只 能 返回 到 某 个 页 面 ,而 不 能 向 前 选择 页 面 。 


可 以 通过 单 击 【SiteMapPath 任务 了 ,选择 [自动 套用 格式 ,在 弹出 的 对 话 框 中 (如 
图 7.14 所 示 ) 可 以 选择 需要 的 显示 风格 ,然后 单 击 【确定 按钮 。 





























[mE 
































7.14 SiteMapPath 的 【自动 套用 格式 ] 对 话 杠 
可 以 使 用 SiteMapPath 控件 的 属性 来 控制 它 的 显示 效果 ,分 别 如 下 。 
(1) PathDirection: 要 呈现 的 路 径 的 方向 。 有 两 个 属性 值 RootToCurrent( 从 根 到 当 
前 节点 ) 和 CurrentToRoot( 从 当前 节点 到 根 ) ,默认 是 RootToCurrent 。 
(2) PathSeparator: 指定 节点 (网 页 ) 之 间 的 分 隔 符 字 符 串 。 可 以 选择 需要 的 分 隔 符 
号 来 分 隔 网 页 ,默认 为 “二 ”。 


(3) RendercurrentNodeAsLink: 指定 是 否 使 当前 节点 显示 为 链接 状态 (true/false)。 
默认 为 false, 不 显示 为 超级 链接 。 


小 


当 网 站 包含 很 多 页 面 时 ,就 需要 建立 网 站 导航 。 本 章 首先 介绍 了 ASP. NET 提供 的 
站 点 地 图 (Sitemap) 文 件 Web. sitemap。 它 是 一 个 XML 文件 ,用 来 描述 网 站 的 逻辑 结 
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构 。 


它 必须 位 于 应 用 程序 的 根 目录 下 。 然 后 介绍 了 两 种 可 以 用 来 显示 网 站 栏目 /菜单 的 
控件 Menu 和 TreeView 的 创建 方法 和 基本 使 用 方法 。 显 示 导 航 菜单 时 两 个 控件 的 展现 
形式 不 同 。Menu 用 来 显示 一 个 可 以 动态 展开 的 菜单 。TreeView 用 来 显示 一 个 树 状 结 
构 的 菜单 。 最 后 还 介绍 了 用 来 显示 浏览 者 当前 的 网 页 路 径 的 SiteMapPath 控件 及 其 显 


示 风 格 , 它 必须 结合 网 站 地 图 使 用 。 


梨 后 习题 








1. 填空 题 
(1) 站 点 地 图 (Sitemap) 文 件 Web. sitemap ,是 一 个 XML 文件 ,用 来 描述 网 站 的 
。 将 控件 放 到 页 面 上 , 它 将 自动 与 站 点 地 图 文件 结合 。 

(2) Menu 控件 的 属性 可 以 用 来 确定 菜单 项 的 排列 方式 。 

(3) 使 用 Menu 菜单 的 属性 来 指定 数据 源 控件 ID。 

(4) 设置 TreeView 控件 在 节点 上 显示 复 选 框 ,应 设置 的 属性 的 值 
是 

2. 选择 题 


Ciy < ) 控 件 用 来 显示 浏览 者 当前 的 位 置 。 


A. TreeView B. SiteMapPath C. Menu D. 站 点 地 图 


(2) 关于 主题 下 面 说 法 错误 的 是 ( 
A. 网 站 地 图 文件 是 一 个 XML 文件 
B，Mennu 控件 和 TreeView 控件 都 可 以 用 来 设计 网 站 导航 功能 
C. TreeView 控件 必须 结合 站 点 地 图 使 用 
D. 站 点 地 图 文件 Web. sitemap 不 可 以 改名 


3. 上 机 操作 题 


上 机 目的 : 

掌握 站 点 地 图 的 创建 方法 和 使 用 方法 ; 

掌握 Menu 控件 和 站 点 地 图 结合 的 使 用 方法 ; 

掌握 TreeView 控件 的 使 用 方法 以 及 和 站 点 地 图 结合 使 用 的 方法 。 
上 机 内 容 : 

(1) 创建 一 个 站 点 地 图 ,至 少 包 含 5 个 主 菜 单项 ,每 个 都 有 子 菜单 项 。 
(2) 创建 一 个 母 版 页 ,在 母 版 页 中 显示 导航 菜单 和 网 页 路 径 。 


(3) 运行 站 点 地 图 中 的 每 个 网 页 都 可 以 显示 导航 菜单 和 网 页 路 径 , 并 可 以 返回 上 级 


ADO.NET 数据 模型 


前 面 几 章 介绍 了 ASP. NET 应 用 程序 及 Web 网 页 设计 时 需要 的 显示 控件 或 样式 
等 ,从 本 章 开 始 将 介绍 在 ASP. NET 中 如 何 访问 数据 源 , 增 强 网 站 的 动态 交互 功能 。 
ASP.NET 中 使 用 ADO. NET 实现 数据 访问 功能 。ADO. NET 为 各 种 Web 应 用 程序 提 
供 了 在 不 同 数据 源 之 间 的 数据 访问 技术 。 本 章 将 介绍 ADO. NET 提供 的 主要 对 象 ,并 用 
实例 来 演示 如 何 通过 它 连 接 并 操作 数据 库 。 

本 章 学 习 目 标 : 

。 理解 ADO. NET 数据 访问 模型 的 原理 ; 

。 掌握 使 用 连接 对 象 (Connection) 连 接 数据 库 的 方法 ; 

。 掌握 使 用 命令 对 象 (Command) 和 只 读 对 象 (DataReader) 查 询 的 方法 ; 

。 掌握 使 用 命令 对 象 (Command) 编 辑 数据 库 的 方法 ; 

。 掌握 适配器 对 象 (DataAdapter) 和 数据 集 对 象 (DataSet) 操 作 数 据 库 的 方法 。 





81 ADONET 和 简介 


ADO. NET 是 对 ADO(CMicrosoft ActiveX Data Object) 通 用 接口 一 个 十 分 有 意义 的 
改进 ,为 各 种 Web 应 用 程序 提供 了 在 不 同 数据 源 之 间 的 数据 访问 技术 。ADO. NET 实 
际 上 是 . NET 框架 中 的 一 套 类 库 , 所 有 与 它 相关 功能 的 类 ,都 位 于 System. Data 命名 空 
间 下 。 它 完全 支持 XML, 可 以 在 断 开 与 数据 源 连接 的 条 件 下 工作 。 

ADO. NET 数据 访问 的 层次 结构 如 图 8. 1 所 示 。 它 用 不 同 的 数据 提供 器 (Data 
Provider) 来 访问 不 同 的 数据 源 ,再 通过 各 种 ADO. NET 的 对 象 实现 Web 应 用 程序 连接 
并 访问 数据 库 中 的 数据 。 

它 提 供 了 两 个 核心 组 件 : 数据 集 (DataSet) 与 数据 提供 器 (Data Provider)。 针 对 不 
同类 型 的 数据 源 Provider 提供 不 同 的 接口 程序 。Provider 包括 4 个 核心 对 象 : 
Connection( 连 接 ) .Command( 命 令 )、DataAdapter( 数 据 适配器 ) 和 DataReader( 如 图 8.2 
所 示 )。DataSet 对 象 包括 多 个 DataTable 对 象 等 。 

连接 不 同 数据 源 时 需要 引用 不 同 的 命名 空间 ,如 : 连接 SQL Server 时 引用 System 
. Data. SqlClient 命名 空间 ;连接 Access 时 引用 System. Data. OleDb 命名 空间 ;连接 
ODBC 数据 源 时 引用 System. Data. Odbc 命名 空间 ;连接 Oracle 时 引用 System. Data. 
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图 8.1 ADO. NET 数据 访问 的 层次 结构 



































OracleClient 命名 空间 。 在 每 个 命名 空间 中 定义 了 操作 数据 库 的 Connection、Command、 
DataReader、DataAdapter 对 象 等 。 为 了 区 分 它们 ,这 些 对 象 前 面 都 加 了 Sql、 OleDb、 
Odbc 或 Oracle 作为 前 级 。 





| Web 应 用 程序 





= | 




















Data Table | 








图 8.2 ADO.NET 的 核心 对 象 


而 DataSet 对 象 在 System. Data 命名 空间 中 。 无 论 连 接 什么 数据 库 ,都 不 需要 加 前 
绥 ,直接 使 用 DataSet 即 可 。 
ADO. NET 对 象 可 以 分 成 两 类 : 连接 对 象 和 非 连接 对 象 。 


1. 连接 对 象 


连接 对 象 是 指 那些 在 与 数据 源 交互 和 处 理 时 ,必须 要 打开 可 用 连接 的 对 象 。 主 要 有 
以 下 几 种 。 
(1) Connection: 连接 对 象 ,用 来 建立 一 个 与 特定 数据 源 的 连接 。 
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(2) Command: 命令 对 象 , 用 来 执行 对 数据 源 的 操作 命令 。 这 些 命 令 可 能 返回 结果 ， 
也 可 能 不 返回 结果 。 可 以 用 来 查询 .插入 修改、 删除 数据 。 

(3) DataReader: 只 读 对 象 ,用 来 从 数据 源 中 读 取 只 进 且 只 读 的 数据 流 。 获 取 数 据 
的 速度 比较 快 。 

(4) DataAdapter: 适配器 对 象 ,用 来 建立 一 个 连接 或 使 用 一 个 已 建立 的 连接 ,将 数 
据 填充 到 DataSet 或 从 DataSet 中 读 出 数据 。 

(5) Transaction: 事物 对 象 ,需要 把 一 系列 命令 组 织 到 一 起 ,作为 一 个 事物 在 执行 时 
需要 的 对 象 ,要 么 全 执行 要 么 一 个 都 不 执行 。 


2. 非 连接 对 象 


ADO. NET 还 支持 非 连接 方式 工作 , 它 在 不 同 的 访问 请 求 之 间 , 对 实际 的 物理 连接 
进行 池 化 。 非 连接 对 象 包含 以 下 几 种 。 

(1) DataSet: 是 ADO. NET 非 连接 数据 访问 模型 的 核心 ,可 以 把 它 看 作 完 全 在 内 存 
中 的 关系 型 数据 库 管 理 系统 。 它 直接 在 命名 名 空间 System. Data 下 。 

(2) DataTable: 数据 表 类 似 于 数据 库 中 的 表 , 也 是 以 行列 结构 存储 数据 的 。 
DataTable 可 以 转换 成 XML 格式 。 

(3) DataRow: 数据 行 ,表示 一 个 可 列举 的 DataRow( 行 ) 对 象 集合 。 

(4) DataColumn: DataTable 也 包含 一 个 DataColumnCollection 类 型 的 Column 属性 。 

(5) DataView: 类 似 数据 库 中 的 视图 。DataView 允许 在 一 个 DataTable 上 创建 “ 视 
图 ”, 一 个 DataTable 上 可 以 定义 多 个 视图 。 


82 Connection 对 么 


应 用 程序 在 对 数据 源 操 作 之 前 ,首先 需要 做 的 工作 就 是 与 数据 源 进行 连接 。 就 像 两 
个 人 在 打通 电话 之 前 先进 行 拨号 连接 一 样 。ADO. NET 的 Connection 对 象 即 是 用 来 建 
立 与 特定 数据 源 的 连接 。 它 的 主要 属性 和 方法 如 表 8. 1 所 示 。 

表 8.1 Connection 对 象 的 属性 和 方法 




















类 别 名 称 功 能 
Open() 打开 连接 
方法 
Close() 关闭 连接 
ConnectionString 指定 连接 的 字符 串 
DataSource 获取 数据 源 的 服务 器 名 或 文件 名 
属性 
Database 指定 要 连接 的 数据 库 名 称 
Provider 用 来 提供 数据 库 驱 动 程序 








ConnectionString 指定 连接 的 字符 串 ,字符 串 包含 要 连接 的 服务 器 名 称 、 数 据 库 名 、 
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连接 方式 等 。 具 体 属 性 见 表 8. 2。 


属 性 名 


表 8.2 ConnectionString 中 包含 的 属性 
功 能 





Initial Catalog 或 Database 


指定 要 连接 的 数据 库 名 称 





Data Source 或 Server 


指定 数据 源 的 服务 器 名 或 文件 名 。 本 地 服务 器 可 用 (LocalDB)、 
localhost、. 、127. 0. 0. 1 或 名 称 表示 





User id 


访问 数据 库 使 用 的 用 户 名 





password 


访问 数据 库 的 密码 





Integrated Security 





系统 集成 安全 验证 ,标识 登录 数据 库 是 否 使 用 系统 集成 验证 ,如 True/ 
False/ SSPI 


下 面 以 连接 SQL Server 为 例 , 说 明 连 接 数 据 库 需 要 的 代码 。 





(1) 引用 命名 空间 : 


using System.Data.SqlClient; 


这 样 才 可 以 调用 连接 SQL Server 需要 的 类 : SqlConnection 。 
(2) 实例 化 Connection 对 象 ; 


SqlConnection conn= new SqlConnection () 7 
该 代码 实例 化 了 一 个 SqlConnection 对 象 conn 。 
也 可 以 在 实例 化 连接 对 象 的 同时 初始 化 数据 库 连 接 字符 串 , 如 : 


string str=@" Data Source= .;user id= sa; password= "'';Initial Catalog=Northwind"; 


SqlConnection con=new SqlConnection (str); 


(3) 设置 ConnectionString 属性 : 


代码 : 


conn.ConnectionString= 


"Data Source= .;user id= sa; password= '';Initial Catalog= Northwind"; 


设置 了 连接 对 象 conn 的 ConnectionString ,指定 使 用 数据 库 用 户 sa( 密 码 为 空 ) 来 连 
接 本 地 服务 器 上 的 数据 库 Northwind。 


代码 : 


conn .ConnectionString= 


"Data Source=Andy;initial catalog= Student; Integrated Security= True"; 


设置 了 连接 对 象 conn 的 ConnectionString, 指 定 使 用 Windows 集成 身份 验证 的 方 
式 连接 服务 器 Andy 上 的 数据 库 Student。 


代码 : 


conn.ConnectionSstring=@"Data Source= (LocalDB) \v11.07 
AttachDbFilename= |DataDirectory|\Books .mdf; Integrated Security= True"; 
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指定 使 用 Windows 集成 身份 验证 的 方式 连接 本 地 机 器 上 ASP. NET Web 应 用 程序 
中 App_Data 目录 下 的 共享 数据 库 文件 Books. mdf。 其 中 ,符号 @ 使 字符 串 中 的 “\” 表 示 
斜 杠 本 身 , 不 表示 转移 符号 。 

Integrated Security 二 true 是 指使 用 Windows 集成 身份 验证 ,也 就 是 说 使 用 
Windows 验证 的 方式 去 连接 到 数据 库 服务 器 。 好 处 是 不 需要 在 连接 字符 串 中 编写 用 户 
名 和 密码 ,从 一 定 程度 上 提高 了 安全 性 。 

ASP. NET 应 用 程序 会 使 用 一 个 特定 的 账号 , Windows XP 系统 下 是 ASP. NET 账 
号 ,Windows 2003 或 者 以 后 的 版 本 是 NetWork Service 账号 。 

【实例 8-1】 连接 本 地 机 器 上 Express SQL Server 中 的 数据 库 文 件 Books。 

(1) 新 建 一 个 空 网 站 chapter8 , 右 击 网 站 根 目录 - 江 添加 】 [ASP.NET 文件 夹 】> 
App_Data。 

(2) 右 击 App_Data- 并 添加 本 并 添加 新 项 ] ~ 打开 对 话 框 ( 如 图 8. 3 所 示 ) 一 选择 
【SQL Server 数据 库 】, 名 称 改 为 Books. mdf , 单 击 [添加 按钮 ,添加 上 一 个 数据 库 。 




















添加 新 项 - chapter8 ? x 
4 Bw 排序 依据 ， 默认 值 跨国 搜索 已 安装 模板 (Ctrl + 
HE 保 EF 5xDbContext 生成 器 VoualC# 国 站 Veal Cn 
su 空 SQL Server 数据 库 
上 联机 加 SQL Server Compact 4.0 本 地 数据 库 Visual C# 
wcr om sevice Visual C# 
MN ma Visual C# 
他 
四 XML 文件 Visual C# 
报表 Visual C# 
加 报表 向 导 Visual C# 
M4 类 图 Visual ct 
x Visual C# 
国 x#x# Visual ct 
名 称 (由 Database.mdf 口 用 代 列 放 在 单 狂 的 文件 中 人) 
口 选择 二 上 页 (C) 
添加 他) 取消 























8.3 添加 SQL Server 数据 库 


(3) 在 网 站 中 添加 一 个 网 页 8-1. aspx, 放 入 一 个 Label ,用 于 显示 连接 状态 。 
(4) 在 8-1. aspx. cs 中 添加 引用 命名 空间 的 代码 : 


using System.Data.sqlClient; 
(5) 在 8-1. aspx. cs 的 Page_Load 事件 中 添加 如 下 代码 。 


protected void Page Load (object sender, EventArgs e) 
{ 
// 创 建 连接 对 象 conn 


SqlConnection conn=new SqlConnection (); 
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// 指 定 连 接 对 象 的 连接 字符 串 
conn.ConnectionSstring=@"Data Source= (LocalDB) \v11.0;AttachDbFilename= 
1DataDirectory1\Books .mdf; Integrated Security= True"; 


// 打 开 连 接 
conn.Open (); 
// 显 示 连 接 状 态 


if (conn.State.ToString()== "Open") 


Label1.Text= "Books 数据 库 已 经 打开 。 请 继续 操作 数据 库 。"; 


// 关 闭 连接 


conn-Close () 7 


83 Command 对 和 聚 


在 创建 完 连 接 后 就 需要 操作 数据 库 了 ,向 数据 库 发 送 命令 。 就 像 电 话 拨 通 了 ,就 需要 
讲话 了 一 样 。Command 对 象 使 用 Select Insert\Update、 Delete 等 数据 命令 与 数据 源 通 信 。 
Command 对 象 常 用 的 构造 函数 需要 两 个 参数 ,要 执行 的 SQL 语句 和 已 经 建立 的 
Connection 对 象 。 传 送 的 命令 可 以 是 SQL 语句 ,也 可 以 是 一 个 要 执行 的 存储 过 程 的 名 
称 。Command 对 象 的 主要 属性 和 方法 如 表 8. 3 所 示 。 





类 别 名 称 


表 8.3 Command 对 象 的 主要 属性 和 方法 
说 明 





CommandText 


string 类 型 ,Command 对 象 包含 的 SQL 语句 存储 过 程 名 等 





属性 | CommandType 


默认 为 Text, 指 CommandText 属性 中 的 字符 串 是 SQL 语句 ,如 果 
要 使 用 存储 过 程 , 则 设 定 为 StoredProcedure 





Connection 


获取 SqlConnection 对 象 





ExecuteReader() 


执行 查询 语句 ,成 功 时 将 返回 一 个 SqlDataReader 对 象 





方法 | ExecuteNonQuery() 


执行 非 查 询 语句 ,返回 影响 的 行 数 





ExecuteScalar() 








执行 查询 语句 ,返回 单个 值 





下 面 介 绍 Command 对 象 的 创建 和 使 用 。 


(1) 创建 Command 对 象 : 


SqlCommand 对 象 名 =new 


SqlCommand 对 象 名 =new 


代码 : 


SqlCommand (); 


SqlCommand ("Sql 语句 ", "Connection 对 象 "); 


String strSql= "select sno, sname from student Info"; 


SqlCommand comm= new SqlCommand (strSql, conn); 
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首先 定义 了 一 个 变量 strSql 来 保存 要 执行 的 select 语句 ,然后 通过 调用 带 两 个 参数 
的 构造 函数 定义 了 一 个 SqlCommand 对 象 comm, 并 传递 两 个 参数 。 第 一 个 参数 表示 要 
执行 的 SQL 语句 字符 串 是 strSql, 第 二 个 参数 指定 要 使 用 的 连接 对 象 是 conn。 

string strSql= "insert into studentInfo (sno, sname) values ('20110202"', 

"小 丽 中"; 

SqlCommand comml=new SqlCommand (strSql, conn); 

首先 定义 了 一 个 变量 strSql 来 保存 要 执行 的 insert 语句 ,然后 通过 调用 带 两 个 参数 
的 构造 函数 定义 了 一 个 SqlCommand 对 象 comml ,并 传递 两 个 参数 。 第 一 个 参数 表示 要 
执行 的 sql 语句 字符 串 是 strSql, 第 二 个 参数 指定 要 使 用 的 连接 对 象 是 conn。 

(2) 执行 Command 对 象 中 的 SQL 语句 常用 的 有 以 下 三 个 方法 。 

@ ExecuteReader( ) 执 行 查询 命令 ,返回 值 是 SqlDataReader 类 型 的 数据 集 。 如 
comm 为 已 经 创建 好 的 Command 对 象 ,调用 它 的 SqlDataReader() 方 法 的 代码 如 下 。 


SqlDataReader dr= comm.ExecuteReader () 
dr 保存 了 返回 的 查询 结果 集 。 
@ ExecuteNonQuery() 方 法 执行 非 查询 命令 (如 Insert、Update、Delete) ,命令 完成 
后 只 返回 受 影响 的 行 数 。 返 回 一 1 表示 命令 执行 失败 。 非 一 1 表示 命令 执行 成 功 , 如 : 
comm.ExecuteNonQuery (); 
或 
int x= comm.ExecuteNonQuery (); 


@ ExecuteScalar() 方 法 执行 查询 命令 ,但 只 返回 一 个 Object 类 型 的 值 ,根据 返回 值 
转换 为 需要 的 数据 类 型 ,调用 它 的 语句 如 : 

int num= (int)comm.ExecuteScalar(); 
或 

strng strName= (string) comm.ExecuteScalar () 7 

当 SQL 语句 中 有 语法 错误 、 表 名 或 字段 名 不 存在 、 主 键 重复 、 插 入 的 字符 串 长 度 超 
过 了 数据 库 表 中 的 字段 长 度 或 外 键 冲突 等 错误 时 ,执行 以 上 三 个 方法 时 都 会 出 现 错误 ， 
当 改 正 后 才能 继续 执行 。 


831 用 ExecuteReader( 查 询 数据 


ExecuteReader() 执 行 查询 语句 。 下 面 用 实例 来 演示 它 的 使 用 方法 。 

【实例 8-2】 从 数据 库 books 的 表 bookInfo 中 查询 所 有 的 图 书 编号 、 书 名 、ISBN 号 ， 
并 显示 在 GridView 控件 中 。 

(1) 打开 chapter8 网 站 ,并 添加 一 个 8-2. aspx, 添 加 一 个 Button 和 一 个 GridVievw 控件 。 

(2) 在 8-2. aspx. cs 文件 中 添加 代码 :以 引用 命名 空间 SqlClient: 
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using System.Data.SqlClient; 


(3) 在 查询 按钮 的 Click 事件 中 ,添加 如 下 代码 。 


Protected void Button] Click (object sender, EventArgs e) 


{ 


} 


(4 


数据 。 


// 创 建 连接 对 象 conn 


SqlConnection conn=new SqlConnection (); 


conn.ConnectionString= @"Data Source= (LocalDB) \v11.0;AttachDbFilename= 


IDataDirectory|\Books .mdf; Integrated Security= True"; 
// 创 建 string 变量 ,用 于 保存 sql 语句 

string strsql= "select ID,Name, ISBN from bookInfo"; 
// 打 开 连 接 

conn.Open (); 

// 创 建 command 对 象 ,并 传 参 : sql 语句 和 connection 对 象 
SqlCommand comm= new SqlCommand (strsql, conn); 

// 执 行 查询 语句 ,并 用 SqlDataReader 对 象 dr 接收 返回 结果 集 
SqlDataReader dr= comm.ExecuteReader () 

// 绑 定 GridView 的 数据 源 

GridView1.DataSource= dr 

GridView1.DataBind() 

dr.Close(); 

// 关 闭 连 接 


conn.Close (); 


) 运行 8-2. aspx, 效 果 如 图 8.4 所 示 , 当 单 击 【 查 询 ] 按 钮 时 ,显示 查询 结果 中 的 


[ localhost24537/chapter8/ XX 
《 > BD http//ocalhost24537/chapter8/8-2.aspx 





ISBN 

HTIL CSS JavaScript|9787115299710| 
JavaScript 9787111376613| 
photoshop 9787115284167| 
Excel 9787121274411 



































8.4 ”8-2. aspx 的 运行 效果 


832 用 ExecuteNonQuery( 执 行 非 查询 语句 


ExecuteNonQnuery() 方 法 执行 非 查 询 命令 (如 Insert、Update、Delete)。 下 面 用 实例 


来 演示 执行 插入 记录 。 


【实例 8-3】 


向 数据 库 books 的 表 bookInfo 中 添加 新 书 : 书 名 、 作 者 、 出 版 社 。 
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(1) 打开 网 站 chapter8 ,添加 一 个 8-3. aspx 页 面 。 界 面 设 计 如 图 8.5 和 图 8.6 所 示 。 
显示 插入 结果 和 插入 语句 的 Labell 在 页 面 初始 时 为 空 。 
(2) 在 8-3. aspx. cs 文件 中 添加 代码 ,引用 命名 空间 : 


using System.Data.SqlClient; 
(3) 双击 【新 增 ] 按 钮 ,在 Click 事件 中 添加 以 下 代码 。 


protected void Button] Click (object sender, EventArgs e) 
{ 
// 创 建 连接 对 象 conn 


SqlConnection conn=new SqlConnection (); 


conn.Connectionstring=@"Data Source= (LocalDB) \v11.0;AttachDbFilename= 
IDataDirectory|\Books .mdf; Integrated Security=True"; 
// 创 建 string 变量 ,用 于 保存 用 户 输入 的 数据 
string strName= TextBox] .Text .ToString (); 
string strAuthor= TextBox2.Text .ToString(); 
string strPress=TextBox3.Text.ToString (); 
// 创 建 string 变量 ,用 于 构造 新 增 数据 的 SQL 语句 
string strInsert= string.Format ("insert into bookInfo (Name, Author, Press) 
values ('{0}"',"'{1}"',"'{2}')",strName, strAuthor, strPress); 
// 打 开 连 接 
conn.Open (); 
// 创 建 command 对 象 ,并 传 参 : sql 语句 和 connection 对 象 
SqlCommand comm= new SqlCommand (strInsert, conn); 
// 执 行 非 查 询 语句 
int num= comm.ExecuteNonQuery (); 
if (num==—1) 
Label1.Text= "新 增 图 书 失 败 "; 
else 
{ 
Label1.Text= "新 增 图 书 成 功 。<br> 插 入 语句 为 : "+ strInsert; 
} 
// 关 闭 连 接 
conn.Close(); 


} 

在 SQL 语句 中 经 常 出 现 用 户 输入 的 值 ,上 述 代 码 中 的 代码 : 

string strInsert= string.Format ("insert into bookInfo (Name, Author, Press) values ('{0}'," 

{1}"',"{2}"')",strName, strAuthor, strPress); 
即 是 将 用 户 输入 的 图 书 名 称 (strName) 、 作 者 (strAuthor) 和 出 版 社 (strPress) 插 入 到 数 
据 库 中 ,此 处 使 用 字符 串 格 式 化 方法 string. Format 生成 符合 格式 要 求 的 字符 串 。 占 位 
符 位) 表示 待 蔡 换 的 值 。 代 码 执行 时 三 个 变量 strName,strAuthor,strPress 的 值 分 别 替 
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换 {0}、{1} 和 {2}。 此 代码 也 可 以 这 么 写 


String strInsert= "insert into bookInfo (Name, Author, Press) values ('"+ strNamet+""','"+ 

strAuthort+"', "+ strPpresst "")"; 

(4) 运行 8-3. aspx, 效 果 如 图 8.5 和 图 8. 6 所 示 。 单 击 【新 增 了 按钮 后 ,如 果 图 书 成 功 
添加 ,将 在 Labell 中 显示 新 增 图 书 成 功 及 生成 的 insert 语句 ;如 果 失 败 将 显示 新 增 图 书 
失败 。 


[® Iocalhost57320/chaptere| X 
> IA| http//localhost57 元 人、 
































图 8.5 实例 8-3 的 初始 页 面 





[localhost57320/chapter8! X 


《>》 避 9 六 htpy/ocahosts57 和 vv > 团 回 由宇 三 

















书 名 asp net 

作者 chang 

出 版 社 。 | 化 学 工业 出 版 社 
有 到 


新 增 图 书 成 功 。 


插入 语句 为 : insert into bookInfo (Name, Authorl, Press) 
values( asp. net' ,chang ， 化 学 工业 出 版 社 ' ) 











8.6 实例 8-3 单 击 [新 增 ] 按 钮 后 的 效果 


833 用 ExecuteScalar( 查 询 单个 值 


ExecuteScalar() 方 法 可 执行 查询 命令 ,返回 第 一 行 第 一 列 的 值 , 可 以 用 来 执行 聚合 
函数 或 仅 需 要 单个 返回 值 。ExecuteScalar() 方 法 的 返回 值 是 Object 类 型 , 需 转 换 为 需要 
的 类 型 。 下 面 演示 ExecuteScalar() 方 法 的 使 用 。 

【实例 8-4】 根据 用 户 输入 的 ISBN 号 从 数据 库 books 的 表 bookInfo 中 查询 对 应 的 
书 名 ,及 表 bookInfo 中 一 共有 多 少 书 的 记录 。 

(1) 打开 网 站 chapter8 ,添加 一 个 8-4. aspx 页 面 。 设 计 如 图 8.7 所 示 , 其 中 有 两 个 
Label 初始 化 为 空 , 用 于 显示 查询 结果 。 

(2) 在 8-4. aspx. cs 文件 中 添加 代码 ,引用 命名 空间 : 
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[localhost57320/chapter8/! X 
《 >》 人马 六 htpyiocahost57 91v>》 国 国语 


ISBN: 查询 

















图 8.7 实例 8-4 运行 的 初始 界面 


using System.Data.SsqlClient; 


(3) 双击 【查询 了 按钮 ,在 Click 事件 中 添加 以 下 代码 。 


protected void Buttonl Click (object sender, EventArgs e) 

{ 
// 创 建 连接 对 象 conn 
SqlConnection conn=new SqlConnection (); 
conn.Connectionstring=@"Data Source= (LocalDB) \v11.0;AttachDbFilename= 
IlDataDirectory|\Books .mdf; Integrated Security= True"; 
// 创 建 string 变量 ,用 于 保存 sql 语句 
string strsql= string.Format ("select Name from bookInfo where ISBN= '{0}"'", 
TextBox] .Text); 
// 打 开 连 接 
conn.Open () 7 
// 创 建 command 对 象 ,并 传 参 : sql 语句 和 connection 对 象 
SqlCommand corm= new SqlCommand (strsql, conn); 
// 执 行 查询 语句 
string strName= (string) comm.ExecuteScalar (); 
Label1.Text=" 书 名 :"+ strName; 
// 创 建 string 变量 ,用 于 保存 sql 语句 
strsql= "select count (* ) from bookInfo"7 
comm.CommandText= strsql; 
// 执 行 查询 语句 
int count= (int)comm.ExecuteScalar (); 
Labe12.Text= "当前 共有 "+ count+ "本 书 "; 
// 关 闭 连接 
conn.Close () 7 


} 

查询 的 图 书 名 称 为 字符 串 , 因 此 ,上 述 代码 将 ExecuteScalar 的 返回 值 强制 转换 为 
string 类 型 。 图 书 数量 为 整 型 ,强制 转换 为 int 型 。 

(4) 运行 8-4. aspx, 效 果 如 图 8.7 和 图 8. 8 所 示 。 
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《 >》 名 多 妆 httpy/ocalhost5732:5 > 国 国 凶 尘 三 





ISBN: [9787121274411 [二 | 











书 名 :Excel 


当前 共有 8 本 书 











图 8.8 实例 8-4 运行 单 击 【 查 询 ] 按 钮 后 


84 DataReader 对 聚 


如 图 8.2 所 示 , 使 用 ADO. NET 访问 数据 库 的 常见 路 径 是 : 
Connection 一 Command 一 DataReader 习 输出 (Response. Write 或 Label 等 )。 


实例 8-2 即 是 如 此 。DataReader 对 象 读 取 数据 是 顺序 的 、 只 读 的 方式 。 由 于 只 进行 


读 操 作 , 而 且 读 取 的 数据 保存 在 内 存 缓冲 区 中 ,所 以 速度 非常 快 。DataReader 对 象 常用 
的 属性 和 方法 如 下 。 


(1) FieldCount 属性 : 用 来 表示 DataReader 得 到 的 一 行 数据 中 的 字段 数 。 

(2) HasRows 属性 : 用 来 判断 DataReader 是 否 包含 数据 。 

(3) IsClosed 属性 : 用 来 表示 DataReader 对 象 是 否 已 经 关闭 。 

(4) Close() 方 法 : 用 来 关闭 DataReader 对 象 ,不 带 参 数 ,无 返回 值 。 

(5) Read() 方 法 : 指向 本 结果 集中 的 下 一 条 记录 ,该 方法 返回 true 或 false。 

(6) NextResult() 方 法 : 指向 下 一 个 结果 集 , 用 Read() 方 法 访问 该 结果 集 。 

(7) IsDBNull(int i) 方 法: 用 来 判断 指定 索引 号 的 列 是 否 为 NULL, 返 回 true 或 false。 
DataReader 对 象 是 一 个 行列 结构 保存 数据 的 ,但 是 它 使 用 只 读 游标 访问 结果 集 。 执 


行 Read() 方 法 读 取 下 一 条 记录 。 如 果 到 结果 集 的 结尾 , Read 将 返回 false, 否则 返回 
true。 然 后 可 以 用 dr[ "字段 名 "] 获 取 某 字段 的 值 。 


【实例 8-5】 从 数据 库 books 的 表 bookInfo 中 查询 书号 、 书 名 、ISBN 号 对 应 的 书 名 ， 


用 DataReader 逐 行 读 取 显 示 。 


(1) 打开 网 站 chapter8 ,添加 一 个 8-5. aspx 页 面 。 设 计 如 图 8. 9 所 示 。 
(2) 在 8-5. aspx. cs 文件 中 添加 代码 ,引用 命名 空间 : 


using System.Data.sqlClient; 
(3) 双击 【查询 按钮 ,在 Click 事件 中 添加 以 下 代码 。 


protected void Buttonl] Click (object sender, EventArgs e) 
{ 
// 创 建 连接 对 象 conn 


SqlConnection conn=new SqlConnection(); 
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conn.ConnectionSstring= 
@"Data Source = (LocalDB) \ v11. 0; AttachDbFilename = | DataDirectory | \ Books. mdf; 
Integrated Security=True"; // 使 用 @ 可 使 字符 串 中 的 \ 保 持原 义 ,不 被 作为 转 义 
// 字 符 符号 
// 创 建 string 变量 ,用 于 保存 sql 语句 
string strsql= "select ID,Name, ISBN from bookInfo"7 
// 打 开 连 接 
conn.Open (); 
// 创 建 command 对 象 ,并 传 参 : sql 语句 和 connection 对 象 
SqlCommand corm= new SqlCommand (strsql, conn); 
// 执 行 查询 语句 
SqlDataReader dr= comm.ExecuteReader (); 
// 以 表格 形式 输出 
string strPutOut= "查询 结果 如 下 : <br><table border=1> "7 
while (dr.Read()) 
{ 
strPutOut +="<tr>"; 
strPutOut +="<td> "+dr["ID"] .ToString() +"</td>"; 
strPutOut +="<td> "+dr["Name"] .ToString() +"</td>"; 
strPutOut += "<td> "+ dr ["ISBN"] .ToString() +"< /td> "7 
StLPutOut +="< /tr> "7 
} 
strPutOut += "< /table>"; 
Response.Write (strPutOut) 
if (dr.IsClosed== false) 
{ 
dr.Close(); 
} 
// 关 闭 连 接 
conn.Close(); 


} 


变量 strPutOut 保存 了 HTML 代码 ,并 用 Response. Write() 向 浏览 器 上 输出 ,显示 
为 表格 的 形式 。 
(4) 运行 8-5. aspx, 效 果 如 图 8. 9 所 示 , 单 击 【 查 询 ] 按 钮 后 可 显示 数据 表 中 的 数据 。 
[localhost57320/chapters/! XX 
《 > BD http//hocalhost5732($ ~ > 


查询 结果 如 下 : 

asp. net Jl9787115299710 
2 

3| 

4 





















UavaScript|l9787111376613， 
Iphotoshop ||9787115284167| 
Excel 9787121274411 
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8.9 实例 8-5 的 运行 效果 
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85 DataAdapter 对 聚 


除了 前 面 讲 到 的 数据 访问 路 径 : Connection->Command-~DataReader,ADO. NET 
还 有 一 条 途径 : DBeConnectione>DataAdaptere>DataSete>GridView。 两 条 路 径 都 使 用 
Connection 对 象 连接 数据 源 ,DataAdapter( 数 据 适配器 ) 对 象 的 作用 除了 从 数据 源 中 获 
取 数 据 , 填 充 DataSet 中 的 表 ( 结 构 和 数据 ) 和 约束 ,还 可 以 将 DataSet 的 更 改 提交 回 数据 
源 。 第 一 条 路 径 是 单 向 的 查询 ,而 第 二 条 路 径 可 以 实现 双向 的 数据 交流 。DataAdapter 
可 以 执行 不 同类 型 的 数据 库 操作 命令 。 使 用 SelectCommand 从 数据 源 检索 记录 ; 
InsertCommand 从 DataSet 中 把 插入 的 数据 写 人 数据 源 ;UpdateCommand 把 数据 更 新 
到 数据 源 ;DeleteCommand 从 数据 源 中 删除 记录 。 

创建 DataAdapter 对 象 的 语法 格式 如 下 。 


SqlDataAdapter 对 象 名 =new SqlDataAdapter () 7 
或 
SqlDataAdapter 对 象 名 =new SqlDataAdapter ("sql", "connection 对 象 "); 
如 : 
SqlDataAdapter da=new SqlDataAdapter (strSql, conn); 
定义 了 一 个 SqlDataAdapter 对 象 da, 并 指定 SQL 语句 为 strSql 变量 保存 的 字符 串 ,使 用 
的 连接 是 已 存在 的 连接 对 象 conn。 
将 查询 结果 填 人 数据 集 使 用 DataAdapter 对 象 的 方法 Fill() ,代码 如 下 : 
dataAdapter1.Fill (dataSet1.Products) 7 
或 者 
dataRdapter1.Fill (dataSet1, "Products"); 


其 中 ,dataSetl. Products 为 已 有 的 数据 表 (DataTable) 对 象 ,Products 为 自 定义 的 表 名 。 


86 DataSet 对 聚 


DataSet( 数 据 集 ) 是 一 个 不 依赖 于 数据 库 的 独立 数据 集合 。 即 使 断 开 了 与 数据 库 连 
接 或 者 关闭 数据 库 ,DataSet 依然 是 可 用 的 。 

DataSet 是 数据 集 对 象 , 它 包含 多 个 DataTable 对 象 ,每 个 DataTable 对 象 都 是 一 个 
包含 行列 的 二 维 结构 ,所 有 的 行 组 成 一 个 集合 Rows, 每 一 行 可 以 创建 为 一 个 DataRow 
对 象 。 所 有 列 组 成 一 个 Columns 集合 ,每 一 列 可 以 创建 为 一 个 DataColumn 对 象 。 
DataRelationship 保存 表 间 约束 (如 图 8. 10 所 示 )。 
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图 8.10 ”DataSet 对 象 的 结构 

DataSet 类 在 System. Data 命名 空间 中 。 使 用 DataSet 及 其 子 类 时 需要 使 用 下 面 的 
代码 先 引 入 命名 空间 : 

using System.Data; 

创建 数据 集 对 象 的 语句 是 : 

DataSet 对 象 名 =new DataSet () 7 
或 者 

DataSet 对 象 名 =new DataSet ("DataSet 名 "); 

DataTable、DataRow、DataColumn 和 DataRelation 都 是 数据 集 的 子 类 ,提取 数据 集 
中 第 i 个 数据 表 并 创建 dt 对 象 的 语句 是 : 

DataTable dt=ds.Tables [i]; //ds 为 已 定义 的 Dataset 对 象 
也 可 以 创建 一 个 新 的 DataTable 对 象 : 

DataTable dt= new DataTable (); 

数据 行 是 给 定数 据 表 中 的 一 行 数据 ,把 DataTable 对 象 dt 中 的 第 i 行 保存 为 一 个 
DataRow 对 象 dr 的 语句 是 : 

DataRow dr=dt.Rows [i]; 
为 DataTable 对 象 dt 添加 一 个 新 列 : 

qdt.Columns.Add ("商品 编号 "，typeof (int)); 

第 一 个 参数 为 字段 名 的 字符 串 ,第 二 个 参数 为 字段 类 型 。 

使 用 NewRow 方法 为 DataTable 对 象 dt 创建 一 个 具有 dt 结构 的 新 行 , 再 使 用 Add 
方法 添加 到 dt 的 Rows 集合 中 : 
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DataRow dRow= dt .NewRow () 7 
dt.Rows .Add (dRow); 


获取 某 列 的 值 需要 在 数据 行 的 基础 上 进行 。 获取 DataRow 对 象 dr 当前 行 Name 
(第 D 列 的 值 的 语句 如 下 : 

string dc=dr ["Name"] .ToString() 7 
或 者 

string dc=dr [i].ToString(); 

如 为 新 行 添加 商品 编号 的 值 : 

dRow [" 商 品 编号 "]=100; 

下 面 用 实例 演示 DataAdapter 和 DataSet 配合 从 数据 库 提取 数据 的 方法 。 

【实例 8-6】 使 用 DataAdapter 和 DataSet 从 数据 库 books 中 查询 表 bookInfo 中 的 
书号 、 书 名 、ISBN 号 、 出 版 社 \ 价 格 、 作 者 和 出 版 日 期 ,并 用 GridView 显示 。 

(1) 打开 网 站 chapter8, 添 加 一 个 8-5. aspx 页 面 。 设 计 如 图 8. 7 所 示 , 添 加 一 个 


Button 和 一 个 GridView 控件 。 
(2) 在 8-5. aspx. cs 文件 中 添加 代码 ,引用 命名 空间 : 





using System.Data.SsqlClient; 
using System.Data; 


(3) 双击 【查询 ] 按 钮 ,在 Click 事件 中 添加 以 下 代码 。 


protected void Buttonl] Click (object sender, EventArgs e) 
{ 
// 实 例 化 Connection 对 象 conn 
SqlConnection conn=new SqlConnection(); 
// 指 定 连接 串 
conn.ConnectionSstring=@"Data Source= (LocalDB) \v11.0;AttachDbFilename= 
IDataDirectory|\Books .mdf;Integrated Security= True"; 
//sql 语 句 
string strsql="select ID,Name, ISBN, Press, Price, Author, PublishDate from bookInfo™"; 
// 创 建 SqlDataAdapter 对 象 da 
SqlDataAdapter da= new SqlDataAdapter (strsql, conn); 
// 创 建 Dataset 对 象 ds 
DataSet ds=new DataSet (); 
// 向 ds 中 添加 一 个 表 book 
da.Fill (ds, "book"); 
// 将 Gridviewl 的 数据 源 指定 为 前 面 创建 的 DataTable 
GridqView1.DataSource=ds.Tables ["book"]; 
// 数 据 绑 定 
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GridViewl .DataBind(); 
} 


(4) 运行 8-6. aspx, 单 击 【查询 按 钮 , 即 可 在 GridView 控件 中 显示 结果 ,效果 如 
图 8.11 所 示 。 


《< > BD http://ocalhost:24537/chapter8/8-6.aspx 




















查询 

ID Name ISBN Press| Price lAuthorlPublishDate 

HT CSS 2013-1-1 

1 vcseriptl 37115299710A |35.0000Hary |00100:00 

2 Tavascript|9787111376613B = |50.0000ldavid |2015-1-1 

l 00:00:00 

-|2015-1-1 

3 photoshop |gr8711528416rc le0.0000hili 96 

2015-11-1 


4 Excel 9787121274411D 30. 0000|fangji 
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8.11 使 用 DataAdapter 和 DataSet 查询 结果 的 效果 


本 章 仅 用 GridView 呈现 默认 的 显示 效果 ,可 以 采用 第 9 章 中 讲 到 的 方法 美化 其 显 


87 待定 参数 的 使 用 


对 数据 库 的 操作 通常 是 利用 SQL 语句 进行 的 。 在 Select 语句 中 需要 包括 一 些 执行 
时 才 确 定 的 条 件 ;在 Insert 语句 中 包括 一 些 用 户 执 行 时 才 确 定 要 插入 的 数据 ;在 更 新 
SQL 语句 中 包括 一 些 用 户 执行 时 确定 要 更 新 的 信息 ;在 删除 SQL 语句 中 可 能 包括 用 户 
执行 时 才 确 定 要 删除 哪 一 条 记录 的 信息 。 在 ASP. NET 中 ,这 些 等 待 确定 的 数据 可 以 用 
待定 参数 表示 。 提 供 不 同 的 参数 值 程序 将 执行 不 同 的 结果 。 本 节 介 绍 待 定 参数 的 声明 
和 赋值 方法 。 

1. 待定 参数 的 声明 

ADO. NET 使 用 待定 参数 的 格式 是 以 @ 开 头 , 即 : @ 待 定 参数 名 称 。 如 @name， 
@id 分 别 是 名 为 name.id 的 参数 。SQL 的 查询 语句 格式 是 : 

SELECT x FROM [数据 表 名 ] WHERE (字段 1 <@ 待 定 参 数 1 AND 字段 2 <@ 待 定 参 数 2… ) 

SQL 的 插入 语句 格式 是 : 

INSERT INTO [数据 表 名 ] (字段 1, 字段 2, …) VALUES (@ 待 定 参 数 1，@ 待 定 参数 2,…) 

SQL 的 更 新 语句 格式 是 : 
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UPDATE [数据 表 名 ] SET 字段 1 < 待定 参数 ,字段 2 <@ 待 定 参 数 2 
WHERE (字段 1=@ 待 定 参 数 1) 


SQL 的 删除 语句 格式 是 : 


DELETE FROM [数据 表 名 ] WHERE (字段 1=@ 待 定 参数 1) 


2. 给 待定 参数 赋值 


给 待定 参数 赋值 常用 的 有 以 下 两 种 方法 。 
(1) 命令 对 象 名 . Parameters. Add("@ 待 定 参 数 " ,数据 源 ); 如 : 


sqlCommand]1 .Parameters .Add (ename，TextBox1.Text) 7 


声明 了 一 个 名 为 name 的 待定 参数 ,其 值 来 源 于 TextBoxl. Text。 这 种 方法 中 数据 源 可 
以 是 某 个 常量 或 某 个 控件 的 值 。 当 数据 表 中 字段 类 型 属于 字符 串 或 者 整 型 数据 时 ,利用 
该 语句 即 可 。 但 是 数据 表 中 字段 的 类 型 较 多 时 ,应 使 用 第 二 种 方法 。 

(2) 给 待定 参数 赋值 。 

该 语句 适用 于 各 种 类 型 数据 的 需要 ,为 通用 的 赋值 语句 。 调 用 格式 是 ， 

命令 对 象 名 .Parameters.Add (new SqlParameter ("@ 待 定 参 数 名 ",SqlDbType. 类 型 )); 

命令 对 象 名 .Parameters["@ 待 定 参数 名 "] .Value= 实 际 参数 ; 
其 中 ,new SqlParameter("@ 待 定 参 数 名 ",SqlDbType. 类 型 ) 是 用 参数 名 和 数据 类 型 初 
始 化 System. Data. SqlClient. SqlParameter 的 新 实例 。 

如 : 


sqlCommand1 .Parameters .Add (new SqlParameter ("@ProdID", SqlDbType.Int)); 
sqlCommand] .Parameters["@ProdID "] .Value= TextBox] .Text; 


定义 了 一 个 Int 型 的 待定 参数 @ProdID, 并 指定 值 为 TextBoxl. Text 的 值 。 其 中 ， 
SqlDbType 在 命名 空间 System. Data 中 定义 ,用 于 指定 System. Data. SqlClient 
. SqlParameter 中 的 字段 和 属性 的 SQL Server 特定 的 数据 类 型 。 

下 面 用 实例 的 形式 来 演示 待定 参数 的 方法 。 

【实例 8-7】 使 用 待定 参数 更 新 数据 库 books 中 表 bookInfo 的 记录 。 要 求 在 页 面 上 
用 DropDownList 显示 所 有 可 以 更 新 图 书信 息 的 ISBN 号 ,根据 选择 的 ISBN 号 更 新 用 户 
填写 的 书 名 和 出 版 社 信 息 。 更 新 成 功 显 示 更 新 成 功 的 信息 ,并 给 出 更 新 使 用 的 语句 。 更 
新 失败 显示 更 新 失败 的 信息 。 

(1) 打开 网 站 chapter8 ,添加 一 个 8-7. aspx 页 面 。 设计 如 图 8. 12 所 示 。 

(2) 在 8-7. aspx. cs 文件 中 添加 代码 ,引用 命名 空间 : 


using System.Data.SsqlClient; 


using System.Data; 


(3) 在 8-7. aspx. cs 文件 Page_Load 中 添加 以 下 代码 。 
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protected void Page Load (object sender, EventArgs e) 


' 


} 


// 创 建 连接 对 象 conn 

SqlConnection conn=new SqlConnection () 7 

conn.ConnectionSstring=@"Data Source= (LocalDB) \v11.0;AttachDbFilename= 
IDataDirectory|\Books .mdf; Integrated Security= True"; 

// 创 建 string 变量 ,用 于 保存 select 语句 

string strsql="select * from bookInfo"; 

// 打 开 连 接 

conn.Open (); 

// 创 建 command 对 象 comm, 并 传 参 : sql 语句 和 connection 对 象 

SqlCommand comm= new SqlCommand (strsql, conn); 

// 执 行 查询 语句 ,并 用 DataReader 对 象 dr 接收 返回 结果 集 

SqlDataReader dr= comm.ExecuteReader (); 

// 绑 定 DropDownList1 的 数据 源 

DropDownList1.DataSource= dr; 

DropDownList1.DataValueField=- "ID";  // 用 DataValueField 属 性 绑 定 Value 值 
DropDownList1.DataTextField= "ISBN"; // 用 DataTextField 属性 绑 定 要 显示 的 值 
DropDownList1.DataBind () 7 

// 关 闭 连 接 


conn.Close (); 


(4) 双击 【更 改 ] 按 钮 ,自动 添加 Buttonl_Click 事件 ,填写 以 下 代码 。 


Protected void Button1l Click (object sender, EventArgs e) 


{ 


// 创 建 连接 对 象 conn 


SqlConnection conn=new SqlConnection () 7 


conn.ConnectionString= Q@"Data Source= (LocalDB) \v11.0;AttachDbFilename= 
IlDataDirectory|\Books .mdf; Integrated Security= True"; 

// 创 建 string 变量 ,用 于 保存 用 户 输入 的 数据 

string strName= TextBox] .Text .ToString (); 

string strPress= TextBox2.Text .ToString (); 

// 创 建 string 变量 ,用 于 构造 更 新 数据 的 SQL 语句 

string strUpdate= "update bookInfo set Name= @Name, Press= @Press where ID=@ID"; 
// 打 开 连 接 

conn.Open (); 

// 创 建 command 对 象 , 并 传 参 : sql 语句 和 connection 对 象 

SqlCommand corm= new SqlCommand (strUpdate, conn); 

Comm. Parameters .Add (new SqlParameter ("@Name", SqlDbType.Char)); 
comm.Parameters["@Name"] .Value= strName; 

Comm. Parameters .Add (new SqlParameter ("@Press",SqlDbType.Char)); 


comm.Parameters["@Press"] .Value= strPress; 
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comm. Parameters .Add (new SqlParameter ("@ID", SqlDbType.Int)); 
comm. Parameters["@ID"] .Value= DropDownList]1.SelectedValue; 
// 执 行 Sql 语句 
int num= comm.ExecuteNonQuery () 
if (num==-1) 
Labell.Text=" 更 新 图 书 失败 "; 
else 
{ 
Label1.Text= "更 新 图 书 成 功 。<br> 更 新 语句 为 : " +strUpdate; 
} 
// 关 闭 连接 
conn.Close(); 


} 

(5) 运行 8-7. aspx, 即 在 下 拉 列 表 框 中 添加 了 ISBN 号 (如 图 8. 12 所 示 ) ,选择 一 个 
要 修改 的 ISBN 号 ,填写 书 名 和 出 版 社 后 , 单 击 更改] 按钮 ,可 在 数据 库 中 将 选择 的 ISBN 
号 对 应 的 图 书 的 书 名 和 出 版 社 更 新 ,效果 如 图 8. 13 所 示 。 


[9 localhost57320/chapter8! X 
《 > BD 伍 http//ocalhost57 元 


[9787115299710 | 








8.12 实例 8-7 的 初始 页 面 


[DD localhost57320/chapter8l X 
《 >》 如 9 从 ntpyWiocanost57320/chaptereiz ~ > 加 回 


ISBN 9787115299710 9 





书 名 asp_net 











出 版 社 。 清华 大 学 出 版 社 
[更 次 | 

















更 新 图 书 成 功 。 
更 新 语句 为 ，update bookInfo set Name=@Name, Press=@Press where ID=@ID 





8.13 实例 8-7 的 更 改 成 功 页 面 


本 例 使 用 DropDownList 绑 定 数据 源 用 于 显示 可 选 值 。 根 据 用 户 选择 的 ISBN 号 更 
改 图 书 的 书 名 和 出 版 社 。 
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88 SQL Server 2012 Express 


在 安装 Visual Studio 2012 的 时 候 , 可 以 自动 安装 SQL Server 2012 (v11. 0) 
Express。 学 习 ADO. NET 时 可 以 使 用 这 个 简化 版 的 SQL Server, 下 面 简要 介绍 SQL 
Server v11.0 的 基本 使 用 方法 。 


1. 创建 数据 库 文件 


数据 库 文件 通常 放 在 App_Data 文件 夹 下 ,自动 成 为 网 站 的 共享 数据 库 。 可 以 通过 
以 下 操作 添加 App_Data 和 数据 库 。 

(1) 右 击 网 站 根 目录 环 【添加 】>【ASP. NET 文件 夹 ]>App_Data。 

(2) 右 击 App_Data>【 添 加 】>【 添 加 新 项 > 打开 对 话 框 习 选择 【SQL Server 数据 
库 】 ,在 【名 称 ] 处 填写 需要 的 数据 库 名 , 单 击 【 添 加 按钮 ,将 添加 上 一 个 数据 库 。 


2. 服务 器 资源 管理 器 


【服务 器 资源 管理 器 ] 用 于 管理 数据 库 服务 器 和 数据 连接 ,还 可 以 为 数据 库 创建 表 、 
存储 过 程 等 。 在 【服务 器 资源 管理 器 ] 中 ,可 以 查看 已 建立 “Pepper 

的 数据 连接 ,双击 App_Data 中 添加 的 数据 库 可 以 在 【服务 |@ x | 学 香 世 | 本 

器 资源 管理 器 中 看 到 (如 图 8. 14 所 示 )。 也 可 以 右 击 【 数 “ | 图 Sosenmnis 

据 连 接 ] 节 点 ,选择 [添加 数据 连接 了 ,弹出 【选择 数据 源 ] 对 

















b 
话 框 ,添加 数据 连接 。 , 
3. 创建 数据 库 表 : en 
4 国 数据 连接 
右 击 【服务 器 资源 管理 器 了 中 的 【 表 ] 节 点 ,选择 【添加 | “时 Eeend 
新 表 】, 将 弹出 【 表 设 计 器 】 民 表 设 计 器 】 显 示 两 种 视图 ,可 :a 
视 化 的 设计 视图 可 以 设计 表 结 构 。 如 图 8. 15 所 示 添 加 了 cir 
多 个 字段 。T-SQL 视图 显示 表 对 应 的 SQL 脚本 , 表 名 默 ) 
b 国 程序 集 


认为 Table, 在 此 可 以 修改 表 的 名 称 , 这 里 修改 为 
bookInfo 。 

当选 择 Id 字段 时 ,在 【属性 了 窗口 中 可 以 设置 该 字段 为 
标识 (标识 规范 为 True) ,并 且 种 子 和 增 量 默认 都 为 1( 如 
图 8. 16 所 示 )。 这 样 当 插入 数据 时 ,Id 将 自动 从 1 开始 搬入 。 

设计 完成 , 单 击 图 8. 15 中 的 Gy 图 标 ,在 弹出 的 更 新 数据 库 的 信息 窗口 中 , 单 击 
【更 新 数据 库 】, 完 成 对 数据 库 的 更 新 ,创建 表 成 功 。 当 刷新 服务 器 资源 管理 器 的 表 节 点 
时 将 看 到 添加 的 新 表 bookInfo。 需 要 再 次 打开 表 时 , 右 击 表 名 ,选择 [打开 表 设 计 】, 即 可 
打开 表 的 设计 视图 。 

根据 用 户 的 操作 系统 自动 生成 相应 的 SQL 脚本 .可 以 通过 [文件] 菜单 保存 创建 表 





8.14 服务 器 资源 管理 器 
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会 更 新 (U) 
名 称 
-ld 
categoryID 
Name 
ISBN 
press 
price 
Author 
PublishDate 
version 


CoverPath 


脚本 文件 (]: dbo.bookinfo.sql 


数据 类 型 。 “允许 Null 默认 值 


nvarchar(50) 
char(13) 
nvarchar(50) 
money 
nvarchar(50) 
date 
smallint 


varchar(50) 





可 
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上 国 











马 设 计 也 





ST-sQL | 


HCREATE TABLE [dbo]. [beokInfe] ( 


[Id] INT IDENTITY (1, 1) NOT NULL, 
[categoryID] INT NULL, 
[Name] NVARCHAR (50) NULL, 
[ISBN] CHAR (13) NULL, 


8.15 数据 库 的 表 设 计 视图 

















不 用 于 复制 
田 计算 列 规范 

默认 值 或 绑 定 

排序 规则 


标识 规范 





展开 以 显示 标识 列 特有 的 属性 。 











图 8.16 字段 Id 设 为 标识 


的 SQL 脚本 ,以 备 再 次 使 用 。 脚 本 如 下 。 


CREATE TABLE [dbo] . [bookInfo] ( 


[Id] INT IDENTITY (1, 1) NOT NULL, 
[categoryID] INT NULL, 
[Name] NVARCHAR (50) NULL, 
[ISBN] CHAR(13) NULL, 
[Press] NVARCHAR (50) NULL, 
[Price] MONEY NULL, 
[Author] NVARCHAR (50) NULL, 
[PublishDate] DATE NULL, 
[version] SMALLINT NULL, 
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[CoverPath] ©&cVARCHAR(50) NULL, 
PRIMARY KEY CLUSTERED([Id] ASC) 

) 7 

以 上 操作 在 数据 库 books 中 定义 了 一 个 bookInfo 表 ,本 章 的 所 有 实例 都 基于 上 面 创 
建 的 数据 表 bookInfo 进行 的 功能 演示 。bookInfo 表 包 含 以 下 字段 。 

(1) Id: INT 类 型 ,表示 图 书 编号 。 设 置 为 非 空 ,自动 标识 。 

(2) categoryID: INT 类 型 ,表示 图 书 种 类 编号 。 设 为 非 空 。 

(3) Name: NVARCHAR 类 型 ,表示 图 书 的 书 名 , 设 为 非 空 。 

(4) ISBN: CHAR 类 型 ,表示 图 书 的 ISBN 号 。 

(5) Press: NVARCHAR 类 型 ,表示 出 版 社 。 

(6) Price: MONEY 类 型 ,表示 价格 。 

(7) Author: NVARCHAR 类 型 ,表示 作者 。 

(8) PublishDate: DATE 类 型 ,表示 出 版 年 月 。 

(9) version: SMALLINT 类 型 ,表示 版 本 。 

(10) CoverPath: VARCHAR 类 型 ,表示 封面 图 片 的 路 径 。 

数据 库 支持 的 字符 串 数据 类 型 按 长 度 是 否 可 变 分 为 定 长 类 型 和 变 长 类 型 。 

(1) 定 长 字符 串 包括 char 和 nchar。 只 能 存储 固定 长 度 的 字符 串 。 如 果 在 程序 界面 
输入 的 字符 串 长 度 超过 了 定义 的 长 度 ,将 被 自动 切断 ,并 给 出 错误 信息 ;长 度 不 够 时 会 自 
动 补 上 空格 。 当 字符 串 的 长 度 相 对 比较 固定 时 ,采用 char 会 比 采用 varchar 更 有 效率 。 

(2) 变 长 字符 串 包 括 varchar 和 nvarchar。 存 储 可 变 长 度 的 字符 串 。 当 插入 的 字符 
串 长 度 超过 了 定义 的 长 度 , 也 将 自动 切断 ;长 度 不 够 时 不 补 空格 。 它 们 最 好 用 于 存储 没 
有 固定 长 度 的 短 字符 串 。 

其 中 ,以 n 为 前 级 的 类 型 nchar 和 nvarchar 采用 Unicode 编码 ,而 char 和 varchar 采 
用 字符 编码 。Unicode 数据 中 的 每 个 字符 都 使 用 两 个 字 节 进行 存储 ,而 字符 数据 中 的 每 
个 字符 则 都 使 用 一 个 字 节 进行 存储 。 存 储 只 有 英文 数字 时 最 好 用 varchar, 存 储 含有 中 
文字 符 时 最 好 用 nvarchar。 


4. 添加 表 数 据 


选择 需要 添加 表 数 据 的 表 右 击 ,选择 【显示 表 数 据 】, 即 可 添加 表 数 据 ( 如 图 8. 17 所 
示 )。 注 意 自 动 标识 的 Id 字段 不 需要 录入 。 

















dbo.bookinfo [数据 ] 好 x 8-3.a5px 各 Xv 
日 第 最 大 行 数 (0); 1000 -| 
1d categorylD Name ISBN Press Price Authorl Authc 
» 1 HTML CSSJava.。9787115299710 A 35.0000 Hary NULL 
2 1 JavaScript 9787111376613 B 50.0000 david NULL 
3 1 photoshop 9787115284167 C 60.0000 十 NULL 
4 2 Excel 9787121274411 D 30.0000 fangji NULL 
» |NULL NULL NULL NULL NULL NULL NULL NULL 














图 8.17 添加 表 数 据 
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人 小 结 


= 


ADO. NET 为 各 种 Web 应 用 程序 提供 了 不 同 数 据 源 之 间 的 数据 访问 技术 , 它 实 际 
上 是 . NET 框架 中 的 一 套 类 库 。 本 章 首 先 介 绍 了 ADO. NET 的 数据 访问 层次 结构 及 其 
核心 对 象 : Connection、Command、DataReader、DataAdapter 和 DataSet。 数 据 集 与 数据 
提供 器 是 ADO. NET 技术 的 核心 组 件 。 与 数据 库 在 连接 和 断 开 的 状态 下 DataSet 都 可 
以 工作 。 

Connection 是 连接 对 象 ,用 来 建立 一 个 与 特定 数据 源 的 连接 。Command 是 命令 对 
象 , 用 来 执行 对 数据 源 的 操作 命令 。 这 些 命令 可 能 返回 结果 ,也 可 能 不 返回 结果 。 
用 来 查询 .插入 修改、 删除 数据 。DataReader 是 只 读 对 象 ,用 来 从 数据 源 中 读 取 只 进 且 
读 的 数据 流 , 获 取 数 据 的 速度 比较 快 。DataAdapter 是 适配器 对 象 , 用 来 建立 一 个 连接 或 使 

一 个 已 建立 的 连接 ,将 数据 填充 到 DataSet 或 从 DataSet 中 读 出 数据 并 修改 数据 源 。 

通过 实例 重点 介绍 了 ADO. NET 的 5 个 主要 对 象 的 主要 属性 和 方法 。 通 过 这 5 个 
对 象 ,可 以 有 两 条 主要 的 途径 对 数据 库 进 行 操 作 ,Connection 一 Command 一 DataReader 
和 Connection 一 DataAdapter 习 DataSet, 都 可 以 对 数据 库 进行 查询 插入、 更新、 删除 操作 。 
当 命令 有 参数 时 可 以 使 用 String. Format 对 字符 串 格式 化 ,也 可 以 使 用 待定 参数 来 实现 。 





梨 后 习 枉 


1. 填空 题 


(1) ADO. NET 提供 了 两 个 核心 组 件 : 与 5 

(2) Connection 对 象 的 ” 属性 用 来 指定 连接 的 字符 串 , 字 符 串 包含 要 连接 的 
服务 器 名 称 、 数 据 库 名 、 连 接 方 式 等 。 

(3) Command 对 象 的 方法 可 以 用 来 执行 Insert 语句 ,返回 影响 的 行 数 。 

(4) 可 以 在 断 开 与 数据 源 连 接 的 状态 下 工作 。 

(5) 待定 参数 用 开头 。 

(6) 调用 Connection 对 象 的 方法 打开 数据 库 连 接 ， 方法 关闭 数据 
库 连接 。 

(7) ADO. NET 对 象 可 以 分 为 对 象 和 对 象 。 

(8) DataSet 中 可 以 包含 多 个 对 象 。 


2. 选择 题 


(1) ADO. NET 使 用 (  ) 对 象 建立 与 数据 源 的 连接 。 
A. Connection B. Command C. DataAdapter D. DataSet 
(2) 执行 DataReader 对 象 的 ( ) 方 法 可 以 指向 本 结果 集中 的 下 一 条 记录 。 
A. Open B. Read C. Write D. Close 
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(3) Command 对 象 的 ( ) 方 法 可 以 返回 结果 集中 的 第 一 行 第 一 列 的 值 。 


A. ExecuteReader B. ExecuteNonQuery 
C. ExecuteScalar D. 没有 这 个 方法 
(4) 要 使 用 Command 对 象 执行 存储 过 程 时 ,应 设置 它 的 ( ) 属性 为 
StoredProcedure。 
A. StoredProcedure B. CommandText 
C. CommandType D. SqlType 


(5) 下 面 说 法 正确 的 是 ( 5 
A. Connection 对 象 使 用 完毕 后 必须 关闭 
B. 可 以 使 用 DataReader 对 象 更 新 数据 库 
C. DataAdapter 对 象 可 以 隐 式 打开 数据 库 连 接 
D. Command 命令 默认 执行 的 是 存储 过 程 


3. 上 机 操作 题 


上 机 目的 : 

掌握 Connection 对 象 创建 连接 的 方法 ; 

掌握 Command 对 象 执行 查询 命令 和 非 查 询 命 令 的 方法 ; 

掌握 DataAdapter 对 象 和 DataSet 对 象 操作 数据 库 的 方法 。 

上 机 内 容 : 

App_Data 中 有 数据 库 文件 forum. mdf ,forum. mdf 中 包含 表 liuyan。 表 liuyan 保存 
了 所 有 的 留言 信息 ,如 ID( 自 动 标识 ),title (标题 )、content (内 容 )、createdate、 IP、 
username。 现 在 要 求实 现 以 下 功能 ,请 写 出 相应 代码 。 

(1) 查询 所 有 留言 信息 ,并 显示 到 GridView 控件 gvLiuyan 中 。 

(2) 添加 新 留言 : 将 某 登 录用 户 (username) 在 TextBoxl 中 的 留言 标题 和 TextBox2 
中 留言 内 容 , 客 户 端 IP 及 留言 时 间 (createdate) 添 加 到 数据 库 中 。 

(3) 删除 留言 : 将 某 条 不 合法 的 留言 按照 留言 ID 进行 删除 。 


数据 源 控件 和 GridView 控件 


第 8 章 介 绍 了 ADO. NET 的 作用 和 主要 的 核心 对 象 ,用 编写 代码 的 形式 实现 连接 和 
操作 数据 库 的 方法 。ASP. NET 还 提供 了 一 系列 的 数据 源 控件 和 数据 显示 控件 ,通过 一 
些 简 单 操作 ,不 写 或 只 需要 写 少量 的 代码 , 即 可 完成 连接 和 操作 数据 库 的 功能 。 仍 然 需 
要 用 到 ADO. NET, 只 是 省 去 了 许多 代码 ,使 访问 和 操作 数据 库 变 得 非常 简单 。 本 章 将 
介绍 数据 源 控件 的 使 用 方法 和 数据 控件 GridView 的 使 用 方法 。 

本 章 学 习 目 标 : 

。 理解 数据 源 控件 的 作用 :; 

。 掌握 数据 源 控件 连接 SQL Server 数据 库 的 方法 ; 

。 掌握 数据 源 控件 配置 有 条 件 查 询 和 编辑 数据 表 SQL 语句 的 方法 ; 

。 理解 数据 绑 定 的 概念 ; 

。 掌握 GridView 控件 显示 数据 和 编辑 数据 的 方法 。 
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在 ASP.NET 中 ,可 以 将 显示 控件 的 某 个 属性 与 数据 源 绑 定 在 一 起 , 即 数据 绑 定 
(Data Binding)。 每 当 数据 源 中 的 数据 发 生变 化 且 重 新 启动 网 页 时 ,被 绑 定 对 象 中 的 属 
性 将 随 数据 源 而 改变 。 数 据 绑 定 是 一 项 非常 简单 有 效 的 技术 。 

ASP.NET 中 许多 控件 都 支持 数据 绑 定 功能 ,如 TextBox、DropDownList 控件 等 。 
实现 动态 显示 数据 源 中 的 数据 。 数 据 集 、 数 组 ,集合 或 者 XML 文档 甚至 一 般 变 量 都 可 以 

为 了 进行 数据 绑 定 ,需要 用 到 系统 提供 的 Eval(" 字 段 名 ") 方 法 。Eval() 是 一 个 静态 
方法 ,参数 是 双 引 号 引起 来 的 数据 源 中 的 字段 名 。 不 管 字段 中 是 什么 数据 类 型 , 它 总 是 
返回 字符 串 , 以 便 在 网 页 中 显示 ,使 用 时 不 必 关 心 数据 本 来 的 类 型 以 及 转换 的 方法 。 
Eval() 只 能 用 于 数据 显示 控件 的 模板 中 ,EvalO 〇 方法 必须 写 在 二 %#…% 二 标签 中 。 

Bind(" 字 有 段 名 ") 也 是 一 个 静态 方法 ,与 Eval 相似 ,都 可 以 从 数据 源 中 检索 指定 的 数 
据 并 自动 转换 为 字符 串 。 不 同 的 是 ,Eval(" 字 段 名 ") 是 单 向 绑 定 ,Bind() 支 持 双向 绑 定 。 
双向 绑 定 就 是 除了 从 数据 源 获取 数据 外 ,还 允许 用 户 更 新 、 删 除 或 插入 数据 。 

因此 ,如 果 只 是 显示 字段 值 就 使 用 Eval(" 字 段 名 ") ,如 果 还 需要 编辑 数据 就 应 该 使 
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用 Bind(" 字 段 名 ") ,都 必须 写 在 二 %#...% 标 签 中 ,如 二 %#Eval("Id")% 表 示 返 
回 数 据 表 中 的 Id 字段 值 并 显示 、 二 %# Bind("name")% 记 表示 返回 数据 表 中 的 字段 
name 并 显示 , 当 编 辑 时 修改 数据 表 中 的 name 字段 值 。 具 体 实例 见 本 章 后 面 的 内 容 。 
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921 数据 源 控 件 类 型 


ASP.NET 提供 的 数据 源 控 件 可 以 结合 数据 绑 定 使 用 数据 源 控件 通过 编程 方式 来 实 
现 数据 自动 绑 定 和 显示 。 在 数据 源 控件 中 ,对 一 些 数据 访问 、 数 据 存储 和 对 数据 所 执行 
的 一 些 操作 代码 都 进行 了 封装 。 在 使 用 数据 源 控件 时 需要 事先 进行 配置 ,配置 完成 后 ， 
系统 内 部 已 经 根据 确定 的 数据 源 自 动 生 成 了 各 种 对 象 。 再 使 用 数据 绑 定 控件 的 
DataSourceID 属性 ,可 以 设置 与 某 数 据 源 控件 的 关联 。. NET 提供 了 多 个 数据 源 控件 ,用 
于 连接 不 同类 型 的 数据 源 ,如 数据 库 、XML 文件 或 中 间 层 的 业务 对 象 等 (如 表 9. 1 所 
示 )。 本 节 将 介绍 数据 源 控件 的 使 用 方法 。 

表 9.1 数据 源 控件 的 类 型 

















数据 源 控 件 主要 访问 的 数据 源 
SqlDataSource SQL Server 2005 及 以 上 版 本 .Oracle 等 
ObjectDataSource 内 存 中 的 数据 对 象 
XMLDataSource XML 文件 
SiteMapDataSource 网 站 地 图 文件 (XML 文件 )( 见 第 7 章 ) 
LinqDataSource 使 用 LINQ 技术 查询 应 用 程序 中 的 数据 对 象 





922 ”SqiDataSource 控件 


使 用 SqlDataSource 控件 来 访问 SQL Server 数据 库 。 下 面 以 实例 的 形式 来 说 明 配 
置 数据 源 的 过 程 。 

【实例 9-1】 使 用 SqlDataSource 控件 来 连接 SQL Server 数据 库 ,并 使 用 GridView 
显示 查询 结果 。 

(1) 新 建 一 个 网 站 chapter9 ,添加 一 个 Web 窗 体 9-1. aspx。 

(2) 右 击 网 站 名 【添加 新 项 >【 数 据 库 】 ,添加 一 个 StudentDB 数据 库 。 提 示 是 否 
放 在 App_Data 目录 中 , 单 击 【是 按钮 即 可 。 

(3) 在 【服务 器 资源 管理 器 了 中 ,为 StudentDB 数据 库 新 建 一 个 表 studentInfo ,并 添 
加 表 字 段 ,如 图 9. 1 所 示 , 包 括 stuNo、stuName、stuGender 、stuBirth .stulImage 字段 ， 
stuNo 设 为 主键 。 在 T-SQL 脚本 中 修改 表 名 为 studentInfo。 单 击 【更 新 ] 按 钮 ,再 单 击 
【更 新 数据 库 ] 按 钮 , 即 可 保存 表 studentInfo。 
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dbo.studentinfo [数据 Web.config 
会 更 新 (U) ”脚本 文件 :dbo.studentinfo.sql* ~ 

名 称 数据 类 型 允许 Null 默认 值 
ma stuNo varchar(20) 加 
stuName varchar(20) 可 
stuGender varchar(6) 可 
stuBirth datetime 回 
stuImage varchar(50) 回 
口 











图 9.1 studentInfo 表 结 构 


根据 表 设 计 自动 生成 的 脚本 如 下 。 


CREATE TABLE [qbo] . [studentInfo] ( 
[stuNo] VARCHAR (20) NOT NULL, 
[stuName] VARCHAR (20) NULL, 
[stuGender] VARCHAR(6) NULL, 
[stuBirth] DATETIME NULL, 
[stuImage] VARCHAR (50) NULL, 
PRIMARY KEY CLUSTERED([stuNo] ASC) 

); 

可 以 保存 该 脚本 , 待 以 后 使 用 。 

(4) 为 studentInfo 表 添 加 数据 ,如 图 9.2 所 示 。 到 此 为 止 就 在 App_Data 中 准备 好 

了 数据 源 。 


studentinfo [数据 ] 二 x 











看 | 第 | 最 大 行 数 (O): 1000 "|| 卫 品 
stuNo stuName stuGender stuBirth stulmage 
» 2016010101 Mary female 1995-1-1 00:0... 
2016010102 Smith male 1995-2-2 00:0.. NULL 
2016010103 Dan male 1996-5-6 00:0. NULL 
"INULL NULL NULL NULL NULL 











9.2 studentInfo 表 数 据 


(5) 从 【工具 箱 了 的 【数据 选项 卡 中 拖 放 一 个 SqlDataSource 控件 , ID 为 
SqlDataSource。 单 击 SqlDataSource 任务 中 的 [配置 数据 源 】( 如 图 9. 3 所 示 ) ,将 弹出 【 配 
置 数据 源 】 对 话 框 (如 图 9.4 所 示 ) 。 





| asp:sqidatasource#5qiData5ourcel | | 
SqlDataSource - SqlDatasource] |<] SqlDatasource 任务 











图 9.3 SqlDataSource 任务 


(6) 在 弹出 的 对 话 框 中 ,可 以 有 以 下 三 种 操作 。 
@ 初次 连接 App_Data 中 的 数据 库 文件 : 当初 次 连接 App_Data 文件 夹 中 的 数据 库 
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配置 数据 源 - SqlDatasSource1 全 X 


应 用 程序 连接 数据 库 应 使 用 哪个 数据 连接 [Ww]? 




















国志 直 字符 9 








| < 上 -4 || F#m> || RD [Cw | 
图 9.4 【配置 数据 源 ] 对 话 框 














文件 时 ,将 在 下 拉 列 表 中 自动 显示 可 选择 的 数据 库 文件 (如 图 9.5 所 示 )。 





配置 数据 源 - SqlDataSource1 ? x 


图 |- 选择 您 的 数据 连接 


应 用 程序 连接 数据 库 应 使 用 哪个 数据 连接 [W)? 














Data Source=(LocalDB)\v11,0,AttachDbFilename=|DataDirectoryl\StudentDB,.mdf;Integrated Security=True 




















Ew | ww | 


9.5 初次 连接 App_Data 文件 夹 中 的 数据 库 文件 








@ 新 建 数据 库 连接 : 当 连 接 SQL Server 2005 及 以 上 版 本 中 数据 库 时 ,可 以 建立 新 
连接 ,操作 如 下 。 
。 单 击 图 9.4 中 的 【新 建 连接 3 按钮 ,将 打开 【选择 数据 源 ] 对 话 框 ( 如 图 9. 6 所 示 )。 
要 连接 Microsoft SQL Server 数据 库 ,需要 选择 Microsoft SQL Server, 单 击 【 确 
定 ] 按 钮 。 可 选 的 数据 源 如 下 。 
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Microsoft Access 数据 库 文 件 : 用 来 连接 Microsoft Access 数据 库 文 件 。 
Microsoft ODBC 数据 源 : 用 来 连接 通过 ODBC 配置 的 数据 源 。 

Microsoft SQL Server: 用 来 连接 Microsoft SQL Server 2005 及 更 高 版 本 。 
Microsoft SQL Server Compact 4. 0: 用 来 连接 到 Microsoft SQL Server 
Compact 4.0 数据 库 文件 。 

Microsoft SQL Server 数据 库 文 件 : 用 来 连接 一 个 Microsoft SQL Server 数据 库 
文件 ,把 该 文件 附加 到 数据 库 或 Express 版 本 。 

Oracle 数据 库 : 用 来 连接 Oracle 数据 库 。4. 5 版 本 已 经 弃 用 ,可 以 下 载 Oracle 


Develop tools for Visual Studio 。 





























选择 数据 源 ?7 x 
数据 源 (9); 
S 说 明 
Microsoft Access 数据 库 文 件 用 于 SQL server 的 
Microsoft 0DBC 数据 源 使 用 此 选择 通过 rver 
Microsoft SQL Server ,NET Framework 数据 提供 程序 连接 
Microsoft SQL Server Compact 4.0 到 Microsoft SQL Server 2005 (或 更 高 
Microsoft SQL Server 数据 库 文 件 版 本 或 Microsoft SQL Azure。 
Oracle 数据 库 
< 其 他 > 
数据 提供 程序 (BP): 
用 于 SQL Server 的 ,NET Framework 关 | ~ 
回 始 终 使 用 此 选择 (JU 取消 




















9.6 选择 数据 源 


。 在 弹出 的 【添加 连接 了 对 话 框 ( 如 图 9.7 所 示 ) 中 ,填写 服务 器 名 ,选择 登录 服务 器 
的 方式 。 如 果 填 写 正确 , 则 可 以 选择 连接 到 的 数据 库 ( 如 图 9.7 所 示 )。 

a. 服务 器 名 一 般 填写 机 器 名 ,本 地 服务 器 可 以 用 ". ”( 实 心 的 句号 ) 或 "127. 0. 0. 1” 代 
赫 。 连 接 到 Visual Studio 自 带 的 SQL Server v11. 1 使 用 (LocalDB)\v11.0。 

b. 登录 到 服务 器 的 验证 方式 有 两 种 : 使 用 Windows 身份 验证 和 使 用 SQL Server 
身份 验证 。 验 证 方式 需要 与 服务 器 的 设置 一 致 。 单 击 【 测 试 连接 】 ,如 果 测 试 成 功 ,就 单 
击 【 确 定 ] 按 钮 , 即 可 返回 图 9. 4 的 【配置 数据 源 ] 对 话 框 。 即 可 看 到 已 经 生成 好 的 数据 库 
连接 串 。 

@ 使 用 已 有 数据 库 连 接 : 如 果 已 经 创建 过 连接 ,在 【应 用 程序 连接 数据 源 应 使 用 哪 
个 数据 连接 】F 拉 列表 中 ,将 会 看 到 若干 连接 字符 串 的 名 ,可 以 选择 已 经 存在 的 数据 库 连 
接 串 ,并 单 击 连接 字符 串 前 面 的 加 号 ,查看 连接 字符 串 的 具体 内 容 。 

(7) 无 论 使 用 哪 种 方式 ,建立 连接 后 , 单 击 图 9. 5 中 的 连接 字符 串 前 面 的 加 号 ,就 可 
以 看 到 已 经 生成 好 的 数据 库 字 符 串 。 

(8) 单 击 [下 一 步 ] 按 钮 ,弹出 对 话 框 询问 是 否 将 连接 保存 到 应 用 程序 配置 文件 中 。 
默认 色 选 【是 ,将 此 连接 另存 为 ConnectionString 了 ,用 户 可 以 修改 连接 字符 串 的 名 字 , 以 
区 分 不 同 的 连接 (如 图 9. 8 所 示 ) 。 

如 果 选 择 上 述 复 选 框 ,将 自动 在 Web. config 文件 中 保存 生成 好 的 连接 字符 串 。 保 
存 后 可 以 在 后 续 连 接 中 重复 使 用 。 
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添加 连接 





? x 
输入 信息 以 连接 到 选 定 的 数据 源 ,或 单 击 ' 更 改 "选择 另 一 个 数据 源 和 /或 
提供 程序 . 
数据 源 G: 





Microsoft SQL Server (SqlClient) 
服务 器 名 人 @): 








更 改 (QO.… 























登录 到 服务 器 


转 使 用 Windows 身份 验证 (W) 
口 使 用 SQL Server 身份 验证 (9) 
用 户 名 (U); 


密码 人 
保 让 宅 码 人 
连接 到 数据 库 


引 选择 或 输入 数据 库 名 称 (D): 


附加 数据 库 文件 (HH): 














逻辑 名 届 








高 级 QW). 


村 zy | 











测 式 连接 四 




















9.7 【添加 连接 对话 杠 


配置 激 据 源 - SqlDataSource1 





图 一 将 连接 字符 串 保存 到 应 用 程序 配置 文件 中 


将 连接 字符 串 存 储 在 应 用 程序 配置 文件 中 ， 可 简化 维护 和 部 署 ， 若 要 棕 连 接 字符 串 保存 到 应 用 程序 配置 文件 中 ， Ee 
框 中 输入 一 个 名 称 ， 然 后 单 击 “ 下 一 步 “。 如 果 选 择 不 这 样 做 ， 则 和 连接 字符 串 将 作 : 


是 否 将 连接 保存 到 应 用 程序 配置 文件 中 ? 
回 是 , 将 此 连接 另存 为 O， 


ConnectionString 









































Em | | ME 























9.8 将 连接 保存 到 Web. config 中 
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(9) 单 击 【 下 一 步 ] 按 钮 ,将 弹出 配置 SQL 语句 的 对 话 框 (如 图 9. 9 所 示 ) ,默认 选择 
【指定 来 自 表 或 视图 的 列 】 ,可 以 选择 需要 查询 的 表 。 当 选择 某 个 表 后 自动 列 出 表 中 的 
列 , 在 [F 列 ] 中 多 选 需要 查询 的 列 , 上 默认 色 选 **”, 表 示 全 选 , 也 可 以 单 击 WHERE 按钮 添 
加 where 条 件 , 单 击 ORDER 按钮 添加 order by 子 句 ,也 可 以 单 击 【 高 级 ] 按 钮 ,生成 其 他 
SQL 语句 ,这 将 在 后 面 的 几 节 中 详细 讲解 。 

通过 上 述 选 择 表 及 表 的 列 可 以 自动 生成 如 图 9.9 所 示 的 Select 语句 。 








配置 数据 源 - SqlDataSourcel 可 [5 | 
图 一 配置 Select 语句 | 


| “希望 如 何 从 数据 库 中 检索 数 据 ? 

日 指定 自 定义 SQL 语句 或 存储 过 程 (S) 

加 指定 来 自 表 或 视图 的 列 中 | 
名 称 (M): 
































列 
同 
回 
© :tuName 
回 stuGender 
stuBirth 
回 


stulmage 






































| SELECT 语句 届 : 
SELECT * FROM [studentinfo] 

















| sspal isuea] | >*so | 























图 9.9 配置 SQL 语句 


(10) 单 击 [下 一 步 ] 按 钮 ,将 显示 【测试 查询 对话 框 (如 图 9. 10 所 示 ), 单 击 【测试 查 
询 了 按钮 将 在 中 间 灰 色 区 域 显 示 查 询 结果 , 若 没有 符合 条 件 的 记录 ,将 只 显示 表 头 。 

(11) 单 击 [完成 了 按钮 , 即 可 配置 完毕 数据 源 控件 。SqlDataSourcel 控件 生成 的 代码 
其 下。 


<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" Connectionstring= 
"< $$ ConnectionStrings:studentConnectionString $>" SelectCommand= "SELECT * 


FROM [studentInfo]">< /asp:SqlDataSource> 

代码 ConnectionString 二 "二 % $ ConnectionStrings: studentConnectionString% 记 " 
表示 ConnectionString 的 属性 值 绑 定 Web. config 文件 中 的 数据 库 连接 字符 串 
studentConnectionString。 用 SelectCommand 属性 保存 通过 配置 生成 的 Select 语句 。 

(12) 在 9-1.aspx 页 面 中 ,从 【工具 箱 了 的 【数据 了 选项 卡 中 向 页 面 添加 一 个 GridView1 
控件 。 在 【GridView 任务 ] 中 , 单 击 【选择 数据 源 ] 下 拉 列 表 控 件 , 选 择 刚刚 配置 完 的 
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本 下 笋 据 淹 - SqlDataSourcel L9?1 | 





图。 = 


stuBirth ”stulmage 
1995-1-1 
1995-2-2 
1996-5-6 























SELECT 语句 (D: 





SELECT* FROM [studentinfo] ^ 











EE EE [| 


























9.10 【测试 查询 ] 对 话 框 


SqlDataSourcel( 如 图 9. 11 所 示 )。 自 动 生成 代码 如 下 。 


<asp:GridView ID= "GridView1" runat= "server" RutoGenerateColumns= "False" 
DataKeyNames= "stuNo" DataSourceID= "SqlDataSource1"> 

<Columns> 

<asp:BoundField DataField= "stuNo" HeaderText= "stuNo" Readonly= "True" 
SortExpression= "stuNo" /> 

<asp:BoundField DataField= "stuName" HeaderText= "stuName" SortExpression= 
"stuName" /> 

<asp:BoundField DataField= "stuGender" HeaderText= "stuGender" SortExpression= 
"stuGender" /> 

<asp:BoundField DataField= "stuBirth" HeaderText= "stuBirth" SortExpression= 
"stuBirth" /> 

<asp:BoundField DataField= "stuImage" HeaderText= "stuImage" SortExpression= 
"stuImage" /> 

< /Columns> 


</asp:GridView> 

查询 表 的 主键 自动 设 为 DataKeyNames 属性 的 值 。Columns 元 素 表示 GridView 控 
件 的 列 的 集合 。 查 询 的 每 个 字段 都 生成 一 个 绑 定 列 (BoundField) 。DataField 指定 绑 定 
的 字段 名 。 

(13) 运行 9-1. aspx, 效 果 如 图 9. 12 所 示 。 显 示 符 合 条 件 的 数据 。 当 查询 结果 为 空 
时 ,GridView 默认 没有 任何 显示 。GridView 控件 显示 的 表 头 默认 与 数据 列 相同 。 
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“| < 新 建 数 据 源 …> 





图 9.11 GridView 任务 


or】 [localhost12360/chapter9/! X 
《 > BD) | 妆 http//ocalhost1l2360/chapter 5 ~v > 





stuNo |stuNamestuGender stuBirth stulmage, 
2016010101 Mary female 1995-1-1 00:00:00 
2016010102|Smith Imale 1995-2-2 00:00:00 
2016010103IDan male 1996-5-6 00:00:00| 



































9.12 实例 9-1 的 运行 效果 


93 GridView 控件 


GridView 控件 是 非常 常用 的 一 个 数据 控件 , 它 以 表格 形式 显示 数据 ,可 以 和 数据 源 
绑 定 。 本 节 将 首先 介绍 使 用 GridView 控件 进行 分 页 .排序 和 选择 的 方法 ,然后 介绍 利用 
模板 来 改变 外 观 显 示 的 方式 。 


931 分 页 .排序 和 选择 
GridView 控件 支持 分 页 .排序 和 选择 功能 。 
1. 分 页 


当 显 示 数 据 多 的 时 候 就 要 进行 分 页 显示 。 在 【属性 了 窗口 中 ,将 GridView 控件 的 
AllowPaging 属性 设 为 true (AllowPaging=true) 即 可 。 也 可 以 在 【GridView 任务 】 中 勾 
选 【启用 分 页 ] 复 选 框 (如 图 9. 13 所 示 ) 。 

允许 分 页 功能 后 ,还 需要 设置 相关 属性 ,如 : 

(1) PageSize 二 10: 设置 每 页 显示 的 记录 条 数 。 默 认为 10, 可 以 根据 需要 设置 为 
整数 。 

(2) PagerSettings: 是 一 组 属性 ,控制 分 页 用 户 界面 (UD) 的 显示 外 观 , 单 击 前 面 的 加 
号 ,可 设置 具体 的 属性 .有 : 

。 HorizontalAlign: 分 页 标记 对 齐 。 

。 PageButtonCount: 分 页 用 户 界面 显示 的 页 数 。 

。 Position: 显示 的 位 置 。 默 认为 Bottom( 底 部 )。 
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stuNolstuName stuGender stuBirth stuImagels| Gridview 

abc labc abc 12016-4-11 00:00:00labc 

abe labc abc 12016-4-11 00:00:00labc 

abc labe abc |2016-4-11 00:00:00labc 迁 和 Nd 源 : |SqlDatasourcel 图 
abc labc abc 12016-4-11 00:00:00labc 忆 源 














abc labc abc |2016-4-11 00:00:00labc 


SqlDataSource - SqlDataSourcel 






































图 9.13 启用 分 页 、 排 序 和 选 定 内 容 


。 Mode: 分 页 标记 显示 状态 。 有 Numeric( 数 字 )、NextPrevious、NextPreviousFirstLast 
和 NumericFirstLast 可 供 选 择 。 

。 FirstPageText: 第 一 页 的 链接 文字 。 

。 FirstPageImageUrl: 第 一 页 的 链接 图 片 。 

。 PreviousPageText: 上 一 页 的 链接 文字 。 

。 PreviousPageImageUrl: 上 一 页 的 链接 图 片 。 

。 NextPageText: 下 一 页 的 链接 文字 。 

。 NextPageImageUrl: 下 一 页 的 链接 图 片 。 

。 LastPageText: 最 后 一 页 的 链接 文字 。 

。 LastPageImageUrl: 最 后 一 页 的 链接 图 片 。 

Next 表示 下 一 页 ,Previous 表示 上 一 页 ,First 表示 第 一 页 ,Last 表示 最 后 一 页 ,这 些 
标记 的 具体 显示 内 容 可 用 &lt; 表 示 “ 二 ”,&gt; 表 示 “ 二 ”。 

(3) PagerStyles: 页 标记 的 外 观 , 包 括 字 体 、 字 号 、 颜 色 等 。 


2. 排序 


当 需 要 按照 某 列 排序 后 显示 时 ,可 以 设置 AllowSorting 二 true, 表 示 可 以 单 击 数据 表 
各 列 的 标题 进行 排序 ,也 可 以 在 [GridView 任务 ] 中 多 选 【启用 排序 ] 复 选 框 (如 图 9. 13 所 
示 )。 相 关 属 性 如 下 。 

(1) SortExpression: 获取 与 正在 排序 的 列 关 联 的 表达 式 。 

(2) SortDirection: 获取 正在 排序 列 的 排序 方向 。 


3. 选择 


当 需 要 单 击 选择 某 一 条 记录 时 ,需要 在 【GridView 任务 ] 中 色 选 【启用 选择 ] 复 选 框 
(如 图 9. 13 所 示 ) ,以 启用 选择 功能 。 

启用 选择 功能 后 ,可 以 使 用 SelectedRowStyle 属性 设置 被 选择 行 的 外 观 。 

如 果 将 实例 9-1 中 的 页 面 9-1. aspx 中 的 GridView 控件 启用 分 页 .启用 排序 和 启用 
选 定 内 容 , 并 在 【属性 了 窗口 中 设置 其 PageSize 为 2( 当 数据 条 数 大 于 PageSize 的 设置 时 
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才 会 显示 分 页 功能 ) ,SelectedRowStyle 属性 组 中 BackColor 设 为 紫色 (并 CC99FF)。 初 
始 运行 效果 如 图 9. 14 所 示 ,三 条 记录 分 为 两 页 显示 ,默认 显示 第 一 页 。 当 选择 第 一 条 时 
背景 显示 为 紫色 ,效果 如 图 9. 15 所 示 。stuNo 默认 按 升序 显示 , 单 击 可 以 按 降序 显示 ,再 
次 单 击 可 又 按 升序 显示 。 表 头 字段 都 显示 为 带 下 划 线 的 样式 ,可 以 通过 单 击 改变 排序 
方式 。 


| Ilocalhost12360lchapter9) X 
《 > SB 可 从 httpy//ocalhost12360/chapter9/9-1.aspx 








stuNo | stuName | stuGender stuBirth stulmage 
2016010101 Mary female 1995-1-1 00:00:00 
2016010102 |Smith Imale 1995-2-2 00:00:00 






































图 9.14 启用 分 页 .排序 和 选择 功能 的 初始 运行 效果 





stuGender 














2016010102 |Smith 1995-2-2 00:00:00 




















9.15 使 用 分 页 .排序 和 选择 功能 后 的 运行 效果 


932 利用 模板 美化 显示 
1. 自动 套用 格式 


. NET 为 GridView 控件 提供 了 多 种 可 直接 使 用 的 格式 。 使 用 方法 是 : 单 击 
GridView 的 四 按钮 ,在 弹出 的 GridView 任务 了 中 ,选择 【自动 套用 格式 】, 将 打开 【自动 
套用 格式 了 对 话 框 (如 图 9. 16 所 示 ) ,选择 合适 的 格式 后 , 单 击 【应 用 按钮 或 【确定 按钮 
即 可 。 


2. 模板 


模板 (Template) 是 一 组 样板 , 它 将 HTML 元 素 与 ASP. NET 控件 结合 在 一 起 来 定 
义 数据 的 显示 格式 ,并 且 由 这 些 格 式 形成 最 终 的 布局 。 在 模板 中 ,可 以 放 人 控件 ,控件 还 
可 以 与 数据 源 中 的 数据 绑 定 ,使 得 这 些 绑 定 的 数据 按照 模板 规定 的 格式 显示 。 

GridView 控件 中 的 模板 主要 由 头 模 板 (Header Template)、 尾 模板 (Footer 
Template) 和 体 模板 (Row Template) 三 部 分 组 成 。 其 中 , 头 模板 和 尾 模板 用 来 设置 数据 
标题 和 尾部 显示 的 内 容 和 格式 (如 图 9.17 所 示 )。 使 用 ShowHeader 和 ShowFooter 属 
性 可 以 分 别 设置 头 部 和 尾部 是 否 显示 。 
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ie: Ti: 
| 移 除 格式 设置 -| 
| Er 
简明 型 2016-4-12 | 
Pe Ee abc abc 00:00:00 abc | 
川 多 2016-4-12 
| 区 记 EE 00:00:00 abe 
石板 2016-4-12 
| 二 < abe Nabe 00:00:00 ahbe 
| 2016-4-12 | 
| eT bso 00:00:00 be 
| 闯 时 1 2016-4-12 
有 abc abc abc 00:00:00 abc 
苹果 园 
称 哈 咖啡 
ee 有 
CC 厂 _] 取消 应 用 必 ) 




































































teader 学 续 外 名 | 数学 庙 语 | 性 别 语文 
| Row | 030303 | 周 65 68 1 69 
一 
040404 张 华 ”|60 33 1 76 
Footer | 
roger | wae 








9.17 ”GridView 控件 的 模板 


GridView 控件 的 体 模板 是 必须 用 的 ,是 显示 数据 的 主体 部 分 。 当 绑 定 的 数据 源 中 
有 多 条 记录 时 ,在 体 模板 中 自动 扫描 数据 源 的 各 条 记录 ,并且 按照 模板 的 要 求 逐 条 显示 
出 来 。 体 模板 还 可 以 细 分 为 以 下 几 种 。 

。 体 模板 : 设置 显示 记录 的 默认 使 用 模板 。 

。 交替 模板 : 用 来 设置 交替 记录 行使 用 的 模板 。 

。 选择 模板 : 当选 择 某 条 记录 时 使 用 的 模板 。 

。 编辑 模板 : 当 一 条 记录 处 于 编辑 状态 时 使 用 的 模板 。 

。 空 模板 : 当 数 据 源 为 空 时 使 用 的 模板 。 

可 以 通过 [GridView 任务 了 中 的 【编辑 模板 编辑 相应 的 模板 ,这 将 在 后 续 章 节 中 结 
合 实例 详细 讲解 。 
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3. 设置 模板 样式 


在 GridView 控件 的 [属性 了 窗口 中 ,可 以 看 见 对 应 的 8 个 模板 样式 的 选项 。 

(1) HeaderStyle: 设置 头 模板 的 显示 样式 。 

(2) RowStyle: 设置 体 模板 默认 的 显示 样式 。 

(3) Footerstyle: 设置 尾 模板 的 显示 样式 。 

(4) AlternatingRowStyle: 设置 交替 行 模板 的 显示 样式 。 

(5) SelectedRowStyle: 设置 选择 行 模板 的 显示 样式 。 

(6) EditRowStyle: 设置 编辑 行 模板 的 显示 样式 。 

(7) EmptyDataRowStyle: 设置 空 数据 时 的 显示 样式 。 

(8) PagerStyle: 设置 页 模板 的 显示 样式 。 

每 个 属性 选项 都 是 一 组 可 用 的 属性 , 单 击 前 面 的 加 号 , 即 可 设置 相应 模板 的 背景 色 
(BackColor)、 字 体 颜 色 (ForeColor)、 边 界 宽 度 


(BorderWidth) 等 。 a ©-e a ES 
搜索 解决 方案 资源 管理 器 (Ctr|+;) 
4. 编辑 GridView 控件 的 列 同 解决 方案 “chapter9”(1 个 项 目 ) 


在 【GridView 任务 ] 中 单 击 【 编 辑 列 ] 可 以 弹出 对 
话 框 , 对 GridView 的 列 进 行 编辑 。 下面 用 实例 来 
说 明 。 

【实例 9-2】 在 实例 9-1 创建 的 数据 库 的 基础 上 ， 
使 用 GridView 控件 的 编辑 列 功能 显示 图 像 。 

(1) 在 网 站 chapter9 中 ,添加 9-2. aspx 窗 体 。 复 
制 需要 的 图 片 到 网 站 的 某 个 目录 下 ,如 image 文件 夹 ， 
如 图 9. 18 所 示 。 

(2) 在 要 连接 的 数据 表 StudentInfo 中 ,把 学 生 的 图 像 路 径 字 段 stuImage 中 输入 图 
像 的 路 径 。 这 里 stuImage 必须 是 varchar 类 型 。 如 图 9. 19 所 示 图 像 路 径 指 向 网 站 根 目 
录 下 的 image 文件 夹 中 的 bmp 图 像 。 








图 9.18 为 网 站 添加 图 片 后 的 结构 









stuNo stuName stuGender stuBirth stulmage 

Mary female 1995-1-1 00:0.. ~/image/0001.bmp 
2016010102 Smith male 1995-2-2 00:0.. ~/image/0002.bmp 
2016010103 Dan male 1996-5-6 00:0.. ~/image/0003.bmp 
2016010104 John male 1998-1-5 00:0.. ~/image/0004.bmp 
2016010105 。 匠 female 1997-5-8 00:0.. ~/image/0005.bmp 
A A EPP A 


9.19 ”studentInfo 中 的 数据 








(3) 在 页 面 9-2. aspx 上 放置 一 个 GridView 控件 ,再 拖 放 一 个 SqlDataSource 控件 。 
单 击 【SqlDataSource 任务 中 的 【配置 数据 源 】, 使 用 实例 9-1 中 已 经 保存 的 连接 字符 串 
studentConnectionString( 如 图 9. 20 所 示 ) ,并 核实 字符 串 内 容 。 在 配置 SQL 语句 时 , 选 
择 studentInfo 表 ,并 勾 选 所 有 字段 (如 图 9. 21 所 示 )。 
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本 二 小 据 源 -SqlDataSourcel 








图 一 配置 Select 语句 


希望 如 何 从 数据 库 中 检索 数据 ? 
日 指定 自 定义 SQL 语句 或 存储 过 程 (S) 
图 指定 来 自 表 或 视图 的 列 中 
名 称 (M): 











回 | 洁 
则 








stuNo 
stuName 
stuGender 
stuBirth 














辐 同 同 同 同 


















































SELECT 语句 (: 





SELECT [stuNol [stuNamel [stuGendenl [stuBirth], [stulmage] FROM [studentinfo] 





< 上 一 步 中 











Ele 


1 取消 


























9.21 配置 SQL 语句 


(4) 配置 成 功 后 ,在 【GridView 任务 了 中 指定 它 的 数据 源 为 刚刚 配置 好 的 


SqlDataSourcel( 如 图 9. 22 所 示 ) 。 


(5) 在 【GridView 任务 3 中 选择 [编辑 列 】 ,将 打开 【字段 7 设置 窗口 (如 图 9. 23 所 示 )， 
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stuNo stuName stuGender stuBirth stulmage GridView 任务 
abc abc abc 2016-4-12 00:00:00 labc EE 
abc labc abc 2016-4-12 00:00:00 labc i 
abc labc abc 2016-4-12 00:00:00 labc 选择 数据 源 : |SqlDataSourcel 
abc abc abc 2016-4-12 00:00:00 labc 配置 数据 源 .…. 
abc labc abc 2016-4-12 00:00:00 labc | 忆 架 构 
编辑 列 .… 
SqlDataSource - SqlDataSourcel 添加 新 列 .…. 





9.22 为 GridView 指定 数据 源 


在 【 选 定 的 字段 ] 中 选中 stulmage 字段 , 单 击 【删除 了 按钮 删除 该 列 。 在 【可 用 字段 】 中 选择 
ImageField( 用 于 显示 图 像 的 字段 列 ) , 单 击 【添加 按钮 ,将 添加 到 【 选 定 的 字段 】 中 。 

(6) 在 右边 的 属性 列表 中 ,设置 如 图 9. 23 所 示 。DataImageUrlField 是 用 于 绑 定 的 
数据 源 中 的 图 像 路 径 字 段 名 。AlternateText 是 当 找 不 到 图 像 时 显示 的 替代 文本 。 
HeaderText 是 设置 在 Header 中 显示 的 标题 文本 。 


= 和 | 




















| ”可 用 字段 (A): ImageField 属性 (P): 
态 CheckBoxField ^ 国 凤 | 5 
四 HyperLinkField 
- 园 ImageField 
- 国 ButtonField 目 AccessibleHeaderTe: 







四 图 CommandField 
,二 TemplateField 
白 国 DynamicField 四 






DataAlternateTextFie 
DataAlternateTextFol 
DatalmageUrlField stulmage 
DatalmageUrlForma 




















| 迁 定 的 字段 (S): 
| stuNo [+] 
stuName 

stuGender [br] 
和 stuBirth Eq 
ES3 





AlternateText 
FooterText 
HeaderImageUrl 


































回 自动 生成 字段 (G) 


























9.23 添加 ImageField 字段 并 设置 





(7) 设置 其 他 选 定 字 段 的 HeaderText 属性 。 

(8) 运行 9-2. aspx, 效 果 如 图 9. 24 所 示 。GridView 的 标题 (Header) 将 不 再 显示 数 
据 源 中 的 字段 名 。 头 像 列 显示 为 路 径 指定 的 图 像 。 

通过 上 面 的 实例 说 明 GridView 控件 可 以 插入 绑 定 列 , 也 可 以 修改 或 删除 自动 生成 
的 绑 定 列 。 可 以 添加 的 绑 定 列 除 了 ImageField 外 ,还 有 BoundField ( 绑 定 列 )、 
CheckBoxField( 复 选 框 列 )、HyperLinkField (超级 链接 列 )、ButtonField (按钮 列 )、 
CommandField( 命 令 列 ) TemplateField( 模 板 列 ) 。 这 些 列 都 可 以 通过 单 击 图 9. 23 中 的 
【将 此 字段 转换 为 TemplateField] 将 选择 列 转化 为 模板 列 ,再 通过 【GridView 任务 了 中 的 
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| localhost12360/chapter9/ XX 


《 > BO) 人 http://ocalhost12360/chapter9/9-2.aspx 





学 号 姓名 | 性 别 生日 头像 
2016010101 ”Mary |female |1995-1-1 00:00:00 








2016010102 male 1995-2-2 00:00:00 





2016010103 male 1996-5-6 00:00:00 





2016010104 male 1998-1-5 00:00:00 





2016010105 female |1997-5-8 00:00:00 





























图 9.24 实例 9-2 的 运行 效果 


【编辑 模板 ] 功 能 继续 编辑 相应 列 的 模板 。 这 将 在 后 续 章 节 继 续 使 用 。 
94 使 用 数据 控件 实现 条 件 查 列 


数据 库 查 询 是 从 数据 库 中 查找 符合 条 件 的 记录 ,是 经 常 使 用 的 数据 库 操作 。 对 数据 
库 的 修改 记录 、 删 除 记 录 等 功能 常常 是 在 查询 操作 的 基础 上 进行 的 。 本 节 将 通过 一 个 一 
个 的 实例 来 说 明 使 用 数据 源 控件 和 GridView 控件 来 实现 数据 库 的 单一 条 件 查 询 、 选 择 
条 件 查询 .多 条 件 查询 以 及 数据 表 同 步 功 能 。 在 使 用 数据 源 控件 配置 有 条 件 的 查询 时 将 
自动 生成 含有 待定 参数 的 SQL 语句 ,待定 参数 的 含义 见 8. 7 节 。 


941 单一 条 件 查 询 


单一 条 件 查 询 即 根据 一 个 查询 条 件 筛选 记录 。 

【实例 9-3】 使 用 数据 源 控件 和 GridView 控件 来 实现 单一 条 件 查询 。 

(1) 在 网 站 chapter9 中 ,新 建 一 个 9-3. aspx 页 面 。 页 面 中 添加 一 个 Label 、 一 个 
TextBox. 一 个 Button 和 一 个 GridView 控件 。 

(2) 在 [GridView 任务 ] 中 的 [选择 数据 源 ] 中 单 击 【 新 建 数据 源 】, 弹 出 如 图 9. 25 所 
示 的 【选择 数据 源 类 型 了 3 对话 框 ,选择 SQL 数据 库 , 自动 为 数据 源 指定 ID 为 
SqlDataSourcel , 单 击 【确定 了 按钮 ,使 用 原 有 的 连接 字符 串 。 然 后 在 【配置 Select 语句 了 对 
话 框 中 选择 studentInfo 表 ,选择 所 有 字段 (如 图 9. 26 所 示 ) 。 

(3) 单 击 图 9. 26 中 的 WHERE 按钮 ,弹出 【添加 WHERE 子 句 】 对 话 框 ( 如 图 9. 27 
所 示 ) ,配置 需要 的 WHERE 子 句 。 在 【 列 ] 中 选择 需要 指定 条 件 的 字段 。 在 【运算 符 ] 中 
选择 需要 的 运算 符 , 这 里 是 = 。 在 【 源 】 中 选择 条 件 的 来 源 类 型 。 条 件 来 源 类 型 不 同 , 参 
数 属性 显示 也 不 同 。 在 【参数 属性 】 中 选择 或 输入 条 件 来 源 的 具体 控件 名 或 参数 名 等 。 
条 件 来 源 类 型 有 以 下 几 种 。 

@O Control: 从 控件 获得 参数 值 。 





1 erisus aii 








数据 源 配置 向 导 ? x 


国 一 选择 数据 源 类 型 


应 用 程序 从 哪里 获取 数据 (w? 


二 轴 路 短 


Entity UNQ XML 文件 对 象 站 点 地 图 











连接 到 ADO,NET 支持 的 任何 SQL 数据 库 ， 如 Microsoft SQL Server、Oracle 或 OLEDB。 








为 数据 源 指 定 IDU: 
SqlDataSource1 
































图 9.25 选择 数据 源 











































































































配置 数据 源 - SqlDataSource1 ? x 
日 配置 Select 语句 
3 
希望 如 何 从 数据 库 中 检索 数据 ? 
〇 指定 自 定义 SQL 语句 或 存储 过 程 (3 
图 指定 来 自 表 或 视图 的 列 四 
名 称 (M); 
studentinfo a 
列 (Q): 
四 只 返回 唯一 行 {6) 
回 stuNo 
加 tuoender ORDER BY 
回 stuBirth 
回 stulmage 高 级 WW). 
回 o 
SELECT 语句 心 : 
SELECT [stuNo], [stuName], [stuGenderl [stuBirth], [stulmagel [classNo] FROM [studentinfo] ^ 
< 上 - 步 b || 下 - 步 D > 完成 | 取消 




















图 9.26 配置 Select 语句 
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添加 WHERE 子 句 ? x 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 
其 属性 获 职 值 。 

































































列 (O: 参数 属性 
ES 本 控件 ID(D); 
运算 符 (), aa bd 
= ~ 默认 值 (W): 
源 G， 
Control ~ 
SQL 表达 式 : 值 
[tuNo] = @stuNo TextBoxl. Text 洲 ® 
WHERE 子 句 Q; 
ort 村 [aa | 





























9.27 【添加 WHERE 子 句 ] 对 话 框 


@ Cookie: 从 Cookie 对 象 中 获得 参数 。 

@ Form: 从 窗 体 页 中 获取 参数 。 

@ Profile: 从 客户 配置 文件 中 获取 参数 。 

@ QueryString: 条 件 来 源 于 URL 中 的 某 个 参数 值 。 

@ Session: 从 Session 对 象 获 得 参数 。 

(4) 最 后 单 击 [ 添 加 按钮 可 以 添加 一 个 条 件 , 在 单 击 【确定 按钮 时 将 看 到 生成 的 
SQL 语句 如 下 。 


SELECT [stuNo], [stuName], [stuGender], [stuBirth], [stuImage], [classNo] 
FROM [studentInfo] WHERE ([stuNo]=@stuNo) 


(5) 在 配置 完 SQL 语句 后 ,如 果 需 要 测试 查询 结果 ,需要 在 图 9. 28 的 [ 值 ) 中 根据 数 
据 库 中 的 数据 填写 条 件 的 值 ,这 里 可 以 填写 *2016010101”。 测 试 结果 为 如 图 9. 29 所 示 
的 查询 结果 。 单 击 【完成 按钮 数据 源 即 可 配置 完成 。 

(6) 配置 完成 后 自动 添加 了 SqlDataSourcel 控件 ,自动 生成 SqlDataSourcel 的 代码 
如 下 。 


<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" Connectionstring= 
"<%$Connectionstrings:studentConnectionSstring %$>" SelectCommand= "SELECT 
[stuNo], [stuName], [stuGender], [stuBirth], [stuImage], [classNo] FROM 
[studentInfo] WHERE ([stuNo]=@stuNo)"> 

< SelectParameters> 

<asp:ControlParameter ControlID= "TextBox1" Name= "stuNo" PropertyName= 
"Text" Type= "String" /> 
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Mer ssut anni 





参数 信和 编辑 器 ? x 


为 select 语句 中 定义 的 每 个 参数 指定 类 型 和 值 。 


DbType 值 


[多 pm 人 
be lw [le -| | 














9.28 参数 值 编辑 器 

















配置 数据 源 - sqlDatasource1 ? x 
图 测试 查询 

3 

若 要 预览 此 数据 源 返回 的 数据 , 请 单 击 "测试 查询 "-。 若 要 结束 此 向 导 ,请 单 击 ' 完 成"。 


stuNo stuName stuGender stuBirth stulmage classNo 
Mary female |1995/1/1 |~/image/0001.bmp 











测 ji 查询 四 








SELECT 语句 (; 





SELECT [stuNo], [tuNamel [stuGender], [stuBirth], [stulmage], [classNo] FROM [studentinfo] WHERE ([stuNo] = @stuNo) ^ 





v 

















‘Es® | so 取消 
































图 9.29 测试 查询 结果 


</SelectParameters> 


</asp:SqlDataSource> 


其 中 ,代码 中 使 用 SelectParameters 元 素描 述 查询 语句 中 使 用 的 参数 。ControlID 指定 参 
数 来 源 的 控件 ID,Name 指定 参数 的 名 称 ,PropertyName 指定 控件 的 属性 ,Type 指定 参 


数 的 类 型 。 


(7) 运行 9-3. aspx, 初 始 时 显示 效果 如 图 9. 30 所 示 。 输 入 一 个 学 号 “2016010102”， 
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单 击 【查询 按钮 后 ,效果 如 图 9. 31 所 示 。 


四 localhost12360/chapter9| X 
《 > © 9 http//ocalhost12360/chapter9/9-3.aspx 





请 输入 学 号 : 查询 








图 9.30 9-3. aspx 的 初始 效果 


[ localhost12360/chapter9/ X 
《 > BD http//ocalhost12360/chapter9/9-3.aspx 


请 输入 学 号 ， [2016010102 [ 查询 | 


stuNo |stuNamelstuGender| stuBirth stulmage classNo 
2016010102|Smith Imale 1998-5-29 00:00:00| /image/0007. bmp|2 



































9.31 9-3. aspx 的 查询 结果 


实例 9-3 演示 了 使 用 SqlDataSource 配置 有 条 件 的 Select 语句 。 如 果 有 多 个 数据 源 
分 别 配置 不 同 的 条 件 时 ,也 可 以 使 用 GridView1. DataSourceID = "SqlDataSourcel"; 代 
码 编程 ,根据 不 同 的 情况 使 用 不 同 的 SqlDataSourceID 。 

【实例 9-4】 如 果 查 询 条 件 是 从 数据 源 中 选择 的 ,不 是 用 户 自 定义 输入 的 ,为 避免 用 
户 输 错 , 可 以 显示 可 选 的 数据 。 本 例 将 实例 9-3 中 输入 条 件 TextBox 控件 换 为 
DropDownList 控件 ,并 且 使 用 DropDownList 控件 绑 定 数据 源 中 所 有 的 班级 信息 ,选择 
班级 后 ,可 显示 该 班级 所 有 学 生 的 信息 。 

(1) 在 chapter9 网 站 中 ,双击 studentDB 数据 库 , 为 它 添加 新 表 classInfo ,脚本 如 下 。 

CREATE TABLE [dbo].[classInfo] 

( 


[Idq] INT NOT NULL PRIMARY KEY, 


[className] VARCHAR (30) NULL le Ee 
届 0 第 最 大 行 数 (0):; 1000 


了 





ld className 


并 添加 数据 如 图 9. 32 所 示 。 sss] 

(2) 为 studentInfo 添加 表 数 据 如 图 9. 33 所 示 。 NULL 

(3) 在 网 站 chapter9 中 添加 9-4. aspx, 并 添加 一 个 9.32 classInfo 表 数 据 
DropDownList. 一 个 Button 和 一 个 GridView。 

(4) 在 【DropDownList 任务 ] 中 单 击 【 选 择 数据 源 】, 弹 出 如 图 9. 34 所 示 的 【选择 数据 
源 ] 对 话 框 , 单 击 【新 建 数据 源 】 ,然后 选择 [SQL 数据 库 】, 使 用 原 有 的 连接 字符 串 。 

(5) 在 配置 SQL 语句 时 ,选择 classInfo 表 和 两 个 字段 Id 和 className, 这 里 不 需要 
where 条 件 ,查询 所 有 的 班级 信息 ,供用 户 选 择 ( 如 图 9. 35 所 示 ) 。 

(6) 配置 完成 后 ,为 DropDownList 指定 显示 的 字段 为 className,value 值 保存 Id 
字段 的 值 ( 如 图 9. 36 所 示 ) 。 单 击 【确定 了 按钮 完成 。 生 成 的 代码 如 下 。 
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Noe ssss ni 























9.3.a5pxr Web.config 9-1.aspx 
中 了 市， 最 大 行 数 (O); 1000 -| 上 器 
stuNo stuName stuGender stuBirth stulmage classNo 
» | Mary female 19957171 0:00:00 ~/image/ooolbmp 1 
2016010102 Smith male 19957272 0:00:00 ~/fimage/0002.bmp 1 
2016010103 Dan male 1996/5/60:00:00 ~/fimage/0003bmp 1 
2016010104 John male 1998/1/5 0:00:00 ~/fimage/0004.bmp 2 
2016010105 Lili female 1997/5/8 0:00:00 ~/image/0005.bmp 2 
MU NULL NULL NULL NULL NULL 
9.33 ”studentInfo 表 数 据 
数据 源 配 置 向 导 ? x 











为 DropDownList 的 值 选择 数据 字段 (O); 
| me | 
9.34 为 DropDownList 选择 数据 源 































































































配置 数据 源 - SqlDataSource1 ? x 
图 一 配置 Select 语句 
3 
希望 如 何 从 数据 库 中 检索 数据 ? 
O 〇 指定 自 定义 SQL 语句 或 存储 过 程 (9 
图 指定 来 自 去 或 视图 的 列 O 
名 称 (M): 
clasilnfo 
列 (O): 
2 只 iE 回 唯一 行 昌 
Bd 
回 WHERECWD... 
ORDER BY(®)... 
高 级 QW. 
SELECT 语句 志 ): 
SELECT Ildl [className] FROM [classinfo] 和 
a || wo | | 











图 9.35 配置 SELECT 语句 
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<asp:DropDownList ID= "DropDownList1" runat= "server" DataSourceID= 
"SqlDataSourcel" DataTextField= "className" DataValueField= "Id"> 
< /asp:DropDownList> 


DropDownList 控件 的 DataTextField 属性 用 来 指定 要 显示 的 数据 源 中 的 字段 ， 
DataValueField 属性 指定 关联 的 value 值 保存 的 数据 源 中 的 字段 。 











数据 源 配置 向 导 ? 4 
国 sna 
各 
选择 数据 源 (9): 
‘SqlDataSourcel ad | 
选择 要 在 DropDownList 中 显示 的 数据 字段 (B, 











为 DropDownList 的 值 选 择 数 据 字段 (C); 
上 d Ww 














Cm |]| ws | 


9.36 为 DropDownList 指定 显示 字段 和 值 字段 











(7) 配置 GridViewl 的 数据 源 ,与 实例 9-3 中 不 同 的 是 : 添加 WHERE 子 句 时 ,选择 
classNo 列 和 DropDownListl 控件 (如 图 9. 37 所 示 )。 注 意 这 里 默认 使 用 
DropDownListl 控件 的 SelectValue 属性 作为 条 件 的 来 源 。 本 例 中 SelectValue 属性 绑 
定 了 Id 字段 ,WHERE 条件 使 用 Id 字段 作为 条 件 是 一 致 的 。 因 此 ,在 设计 类 似 的 功能 时 
需要 结合 数据 库 使 条 件 匹 配 。 

(8) 运行 9-4. aspx, 效 果 如 图 9. 38 所 示 。 

实例 9-4 演示 了 使 用 数据 源 控件 .DropDownList 控件 和 GridView 控件 一 起 完成 通 
过 下 拉 列 表 选 择 条 件 的 值 , 来 查询 结果 的 功能 。 读 者 可 以 根据 9. 3 节 的 内 容 对 GridView 
进行 美化 。 


942 多 条 件 查询 


多 条 件 查询 指 查询 条 件 由 多 个 组 成 ,可 以 是 and 关系 ,也 可 以 是 or 关系 。 在 前 面 【 添 
加 WHERE 子 句 ] 对 话 框 中 多 次 配置 并 添加 条 件 , 可 以 自动 生成 具有 and 关系 的 条 件 。 
本 节 通 过 实例 演示 如 何 结合 图 9. 37 中 【默认 值 3 的 使 用 ,修改 自动 生成 的 条 件 , 实 现 多 条 
件 查询 时 ,无 论 输 入 多 个 条 件 中 的 0 个 或 多 个 都 可 以 查询 出 结 
【实例 9-5】 使 用 数据 源 控件 实现 多 条 件 查询 : 按照 性 别 匹配 和 大 于 某 年 份 两 个 条 
件 查询 studentInfo 中 满足 条 件 的 记录 。 要 求 满足 以 下 条 件 。 
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添加 WHERE 子 句 





向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 
其 属性 获取 值 . 






































了 x 


















































列 (O: 参数 属性 

classNo | 控件 ID@); 

运算 符 (), DropDownList1 sa 

加 ~ 点 认 值 (): 

源 (9; 

Control ~ 

SQL 表达 式 : 值 

[classNo] = @classNo DropDownList1,SelectedValue 添加 四 

WHERE 子 句 (WW): 

SQL 表达 式 值 四 
| ws 

图 9.37 添加 WHERE 子 句 


晶 localhost x | 

















ND | localhost:1955/9-4,aspx.aspx 
请 选择 班级 [class1 || 看 看 这 个 班 都 有 谁 

stuNo |stuNamelstuGender| stuBirth [ stuImage [classNo| 
2016010101IMary ~ lfemale |1995/1/1 0:00:00|~/image/0001.bmp|1 
2016010102|Smith ”|male |1995/2/2 0:00:00|~/image/0002.bmp|1 
2016010103|Dan lmale |1996/5/6 0:00:00|~/image/0003.bmp|1 














9.38 9-4. aspx 的 运行 效果 


(1) 不 输入 某 个 条 件 时 即 忽略 该 条 件 ,认为 数据 全 部 满足 该 条 件 ; 
(2) 输入 某 条 件 时 ,查询 满足 输入 条 件 的 数据 ; 
(3) 输入 多 个 条 件 时 ,查询 同时 满足 这 多 个 输入 条 件 的 数据 。 


具体 的 操作 步骤 如 下 。 


(1) 在 网 站 chapter9 中 ,添加 9-4. aspx 页 面 ,并 添加 两 个 Label, 一 个 TextBox ,一 个 
RadioButtonList ,一 个 Button 和 一 个 GridView。 

(2) RadioButtonList 用 于 显示 男 和 女 ,value 值 与 数据 库 中 的 值 匹配 ,设置 如 图 9. 39 
所 示 。 这 里 数据 库 中 性 别 字段 的 值 包括 male 和 female, 分 别 表示 男 和 女 。 代 码 如 下 。 


<asp:RadioButtonList ID= "RadioButtonList1" runat= "server" RepeatDirection= 


"Horizontal"> 


<asp:ListItem Selected= "True" Value= "male"> 男 < /asp:ListItem> 
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<asp:ListItem Value= "femalen> 女 < /asp:ListItem> 
<asp:ListItem Value="* "> 全 部 </asp:ListItem> 
< /asp:RadioButtonList> 
































Listtem 集合 编辑 器 时 X 
成 员 (M): 男 属性 @®): 
o 间 呈 % | 
1| 女 
Y 杂项 
四 全 部 Enabled True 
Selected True 
Texdt 男 
Value male 












































9.39 RadioButtonList 的 Items 设置 


(3) GridView 数据 源 配 置 中 选择 studentInfo 表 , 并 添加 where 子 句 如 图 9. 40 和 
图 9. 41 所 示 。 分 别 设置 默认 值 *?” 和 “x* ”, 这 里 设置 的 默认 值 应 是 远离 可 能 出 现 的 查询 
参数 值 。 





添加 WHERE 子 句 和 x 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 
其 属性 获取 



























































列 (O: 参数 属性 

FT 控件 IDD): 

运算 符 @); TextBox1 ~ 

LIKE v 默认 值 W: 

源 (9: 中 

Control ~ 

SQL 表达 式 : 值 : 

[stuName] LIKE 3%" + @stuName + 36 TextBox1 .Text 添 nm 邮 
WHERE 子 句 G): 

SQL 表达 式 值 

















图 9.40 添加 stuName 的 条 件 
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添加 WHERE 子 句 ? x 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 
其 属性 获取 值 。 

































































列 (C) 二 数 属 性 

stuGender ~ 控件 DO): 

运算 符 (D); RadioButtonList1 ~ 

= ~ 默认 值 (): 

源 G; 出 

Control Sd 

SQL 表达 式 : 值 

[stuGender] = @stuGender RadioButtonList1.Selectedvalue 添 四 

WHERE 子 名 GD; 
SQL 表达 式 值 移 除 B 
[stuName] LIKE 3%6' + @stuName + % TextBoxl,Text 























9.41 添加 stuGender 的 条 件 











(4) 配置 完成 后 ,SqlDataSourcel 的 代码 如 下 。 


<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" ConnectionString= 
"< %$ConnectionSstrings:studentConnectionString %>" SelectCommand= "SELECT 关 
FROM [studentInfo] WHERE (([stuName] LIKE '%' + QstuName +'$') AND ([stuGender]= 
@stuGender)) "> 
< SelectParameters> 
<asp:ControlParameter ControlID= "TextBox1" DefaultValue= "?" Name= 
"stuName" PropertyName= "Text" Type= "String" /> 
<asp:ControlParameter ControlID= "RadioButtonList1" DefaultValue= 
"x " Name= "stuGender" PropertyName= "SelectedValue" Type= "String" /> 
< /SelectParameters> 
< /asp:SqlDataSource> 


默认 情况 下 ,两 个 条 件 为 and 关系 ,必须 两 个 条 件 都 满足 才 会 查询 出 结果 。 
(5) 在 [ 源 ] 视 图 中 ,修改 代码 中 的 WHERE 条 件 为 : 


SELECT * FROM [studentInfo] WHERE ((([stuName] LIKE '%"' +@stuName +'%') OR 
(@stuName like '?')) AND (([stuGender]=@stuGender) OR (@stuGender="'* '))) 


(6) 运行 9-5. aspx, 如 图 9. 42 一 图 9. 45 所 示 。 
在 实例 9-5 中 ,Select 语句 还 可 以 通过 在 如 图 9. 35 所 示 的 【配置 Select 语句 】 对 话 框 
中 选择 【指定 自 定 义 SQL 语句 或 存储 过 程 了 来 实现 。 


943 数据 表 同 步 


前 面 的 查询 条 件 都 是 输入 或 从 DropDownList 中 选择 ,查询 条 件 还 可 以 是 以 


人 = 数据 源 控 件 和 GridView 控 件 189 





[5 localhost12360/chapter9/ X 
《 > BD httpi//ocalhost12360/chapter9/9-5.aspx 


姓名 : la 
性 别 。 国 男 目 女 目 全 部 

















ER 


stuNo |stuNamestuGender stuBirth stulmage classNo 
2016010103IDan Imale 1996-5-6 00:00:00| /image/0003. bmp|l 






































图 9.42 有 姓名 条 件 有 性 别 条 件 时 的 查询 结果 


[5 localhost12360/chapter9/ X 
《< > BO 从 http//localhost12360/chapter9/9-5.aspx 


姓名 : la 
性 别 。 目 男 自 女 @ 全 部 














[EE] 
stuNo |stuNamestuGender stuBirth stulmage classNo| 
2016010101Mary female 1997-4-8 00:00:00| /image/0001. bmpll 
2016010103IDan male 1996-5-6 00:00:00| /image/0003. bmpll 
2016010106|Cara female 1997-4-8 00:00:00| /image/0006. bmp|2 
































9.43 有 姓名 条 件 无 性 别 条 件 时 的 查询 结果 


《 > BD http//ocalhost12360/chapter9/9-5.aspx 


姓名 [ | 
性 别 。 @ 男 @ 女 9 全 部 
查询 


stuNo |stuNamestuGender stuBirth stulmage classNo 
2016010101Mary female 1997-4-8 00:00:00| /image/0001. bmpll 
2016010105|Lili female 1997-5-8 00:00:00| /image/0005. bmp|2 
2016010106|Cara female 1997-4-8 00:00:00| /image/0006. bmp|2 















































9.44 无 姓名 条 件 有 性 别 条 件 时 的 查询 结果 


GridView 表格 的 形式 展现 出 来 ,只 需 配 置 查询 条 件 的 来 源 为 GridView 控件 ID 即 可 。 
当 查 询 结果 与 条 件 在 不 同 页 面 时 ,查询 条 件 需 要 以 超级 链接 的 形式 展现 ,当选 择 某 条 记 
录 或 单 击 某 个 超级 链接 时 可 以 在 另 一 个 页 面 打 开 与 之 相关 的 详细 信息 。 在 9. 3. 2 节 中 
介绍 了 GridView 控件 的 绑 定 列 , 除 了 ImageField 还 可 以 使 用 HyperLinkField, 即 为 超级 
链接 。 本 节 将 使 用 超级 链接 列 演 示 一 个 数据 表 同 步 的 实例 。 

【实例 9-6】 使 用 classInfo 和 studentInfo 演示 不 同 页 面 间 的 数据 表 同 步 。 
classInfo 和 studentInfo 为 一 对 多 的 关系 。 
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[DD localhost12360/chapter9l X 





《 > BD http//ocalhost12360/chapter9/9-5.aspx 
























































姓 名 ， 
性 别 ， 目 男 目 女 @ 全 部 
查询 
stuNo jstuNamelstuCender| stuBirth stulmage classNo 

2016010101 Nary female 1997-4-8 00:00:00 | /image/0001. bmpll 
2016010102|Smith Imale 1998-5-29 00:00:00| /image/0007. bmpl2 
2016010103IDan male 1996-5-6 00:00:00 | /image/0003. bmpll 
2016010104|John male 1998-1-5 00:00:00 | /image/0004. bmpl2 
2016010105|Lili female 1997-5-8 00:00:00 | /image/0005. bmpl2 
2016010106|Cara female 1997-4-8 00:00:00 | /image/0006. bmpl2 











9.45 无 姓名 条 件 无 性 别 条 件 时 的 查询 结果 


(1) 在 网 站 chapter9 根 目录 添加 两 个 页 面 9-6-1. aspx 和 9-6-2. aspx。 


(2) 页 面 9-6-1. aspx 中 放 一 个 GridViewl ,并 配置 数据 源 ,从 studentDB 数据 库 的 
classInfo 表 中 查询 所 有 班级 信息 。 这 里 classInfo 表 的 主键 Id 会 自动 成 为 GridViewl 控 


件 的 属性 DataKeyNames 的 属性 值 。 


(3) 单 击 【GridView 任务 了 中 的 【编辑 列 】 了 ,添加 HyperLinkField 字段 ,并 设置 如 
图 9. 46 所 示 。 修 改 列 的 HeaderText 属性 。 图 9. 46 中 的 DataNavigateUrlFormat 属性 
设置 要 打开 的 页 面 路 径 及 要 传递 的 参数 ; DataNavigateUrlFields 属性 用 来 指定 


DataNavigateUrlFormat 属性 中 的 参数 值 的 来 源 字 段 。 


字段 
可 用 字 自 人; 


HyperLinkField 属性 (p)， 





id 
-className 
-时 CheckBoxfield 
-上 HypertinkField 
- 国 ImageField 
- 国 ButtonField 
田力 CommandField 
TemnlateField 


> 


国 %|* 








AccessibleHeaderText 


DataNavigateUrlFields 1d 
DataNavigateUrlForma 9-6-2.aspx: 











DataTextField | 
DataTextFormatString 








选 定 的 字段 (3): 





用 班级 编号 
量 班级 名 称 
四 HyperLinkField 


FooterText 














2classld={0} 
























































9.46 


设置 HyperLinkField 字段 
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设置 完毕 ,自动 生成 的 GridView 控件 代码 如 下 。 


<asp:GridView ID= "GridView1" runat= "server" RutoGenerateColumns= "False" 
DataKeyNames= "Id" DataSourceID= "SqlDataSource1"> 

<Columns> 

<asp:BoundField DataField= "Id" HeaderText= "班级 编号 " Readonly= "True" 
SortExpression= "Id" /> 

<asp:BoungdField DataField= "className" HeaderText= "班级 名 称 " SortExpression= 
"className" /> 

<asp:HyperLinkField DataNavigateUrlFields= "Id" DataNavigateUrlFormatString= 
"9- 6- 2.aspx?classId= {0}" Text=" 查 看 班级 成 员 " /> 

< /Columns> 

< /asp:GridView> 


(4) 在 页 面 9-6-2. aspx 中 ,添加 一 个 GridView 控件 和 一 个 LinkButton 控件 。 设 置 
LinkButton 控件 的 PostBackUrl 为 “9-6-1. aspx”。 了 配置 GridView 控件 的 数据 源 ,查询 
studentInfo 表 中 的 所 有 字段 。WHERE 子 句 的 配置 如 图 9. 47 所 示 , 条 件 为 classNo, 来 
源 为 QueryString 字段 classId。 配 置 完毕 修改 所 有 列 的 HeaderText 属性 。 生 成 的 控件 
代码 如 下 。 














<asp:GridView ID= "GridView1" runat= "server" AutoGenerateColumns= "False" 
DataKeyNames= "stuNo" DataSourceID= "SqlDataSource1"> 

<Columns> 

<asp:BoundField DataField= "stuNo" HeaderText= "学 号 " Readonly= "True" 
SortExpression= "stuNo" /> 

<asp:BoundField DataField= "stuName" HeaderText=" 姓 名" SortExpression= 
"stuName" /> 

<asp:BoundField DataField= "stuGender" HeaderText= "性别 " SortExpression= 
"stuGender" /> 

<asp:BoundField DataField= "stuBirth" HeaderText= 
"stuBirth" /> 

<asp:BoundField DataField= "stuImage" HeaderText= "头像 " SortExpression= 
"stuImage" /> 

<asp:BoundField DataField= "classNo" HeaderText= "所属 班级 " SortExpression= 


"classNo" /> 





生日 期 " SortExpression= 


< /Columns> 

< /asp:GridView> 

<asp:LinkButton ID= "LinkButtonl" runat= "server" PostBackUrl="~ /9- 6- 1.aspx"> 
返 回 </asp:LinkButton> 

<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" ConnectionSstring= 
"<%$Connectionstrings:studentConnectionstring %$>" SelectCommand= "SELECT 
[stuNo], [stuName], [stuGender], [stuBirth], [stuImage], [classNo] FROM 
[studentInfo] WHERE ([classNo]=@classNo)"> 

< SelectParameters> 


<asp:QueryStringParameter Name= "classNo" QueryStringField= "classId" Type= 
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"nt /> 
< /SelectParameters> 
< /asp:SqlDataSource> 





添加 WHERE 子 句 ? x 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 
其 属性 获 职 值 。 

































































列 (O， 参数 属性 
i 3 QueryString 字段 
运算 符 ) Ea 
= ~ 默认 值 (): 
源 G; 
QueryString me 
SQL 表达 式 : 值 
[classNo] = @classNo Request.QueryString("classld") 添 io) 
WHERE 子 句 (WD): 
SQL 表达 式 值 
































9.47 添加 QueryString 源 的 WHERE 子 句 


(5) 运行 9-6-1. aspx, 单 击 第 一 行 的 【查看 班级 成 员 了 如 图 9. 48 所 示 ) ,将 打开 1 班 
的 所 有 学 生 信 息 。 单 击 【返回 按钮 可 以 返回 到 9-6-1. aspx 页 面 (如 图 9. 49 所 示 ) 。 


加 iocalhost12360/chapter9| X 

《< > BD 净 httpyV/localhost12360/chapter9/9-6-1aspx 
班级 编号 班级 名 称 
1 


classl ”| 查看 班级 成 员 ， 
2 class2 ”| 查看 班级 成 员 





























9.48 9-6-1. aspx 的 运行 效果 


[localhost12360/chapter9/ XX 





出 生日 期 头像 所 属 班级 
2016010101 Mary |femalel1997-4-8 00:00:00| /image/0001. bmp|l 
2016010103Dan lmale |1996-5-6 00:00:00| /image/0003. bmpll 






































9.49 9-6-2. aspx 的 运行 效果 
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95 使 用 GidView 控 件 编 辑 数 据 


9.4 节 详 细 介 绍 了 使 用 数据 源 控件 和 GridView 控件 进行 查询 的 各 种 情况 。 本 节 将 
介绍 如 何 通 过 这 两 个 控件 实现 对 数据 库 的 编辑 操作 。 

在 有 权限 访问 页 面 时 ,对 数据 表 进 行 编辑 还 需要 有 编辑 的 权限 ,包括 : 

(1) 登录 数据 库 的 用 户 有 数据 表 的 编辑 权限 ， 

(2) 被 编辑 的 数据 表 有 关键 字 。 


951 更 新 和 删除 数据 表 


下 面 以 实例 的 形式 演示 编辑 数据 的 操作 。 

【实例 9-7】 使 用 数据 源 控件 和 GridView 控件 演示 编辑 数据 表 的 功能 。 

具体 要 求 : 

(1) 对 studentInfo 中 的 数据 进行 更 新 、 删 除 。 

(2) 在 显示 和 更 新 状态 时 ,生日 显示 为 年 月 日 格式 ,不 显示 具体 时 间 。 

(3) 在 更 新 状态 时 ,对 数据 进行 空 验证 。 

(4) 在 更 新 状态 时 ,性 别 用 RadioButtonList 显示 为 可 选 的 。 

(5) 在 显示 状态 时 ,不 显示 图 片 路 径 ,而 显示 为 头像 的 图 片 。 

操作 提示 : 

(1) 在 网 站 chapter9 中 ,添加 9-7. aspx 页 面 ,放置 一 个 GridView 控件 。 配 置 
GridView 的 数据 源 , 选择 已 经 存在 的 连接 串 studentConnectionString, 再 选择 
studentInfo 表 及 所 有 字段 。 在 【配置 Select 语句 】 对 话 框 中 , 单 击 [高 级 按钮 (如 图 9. 50 
所 示 ) 。 

(2) 在 弹出 的 【高 级 SQL 生成 选项 对 话 框 中 , 勾 选 【 生 成 INSERT、UPDATE 和 
DELETE 语句 】 复 选 框 ,将 会 基于 已 选择 的 表 、 表 的 主键 和 字段 生成 对 应 的 INSERT、 
UPDATE 和 DELETE 语句。 生成 这 些 编辑 语句 的 前 提 是 必须 选择 所 有 的 主键 字段 ,和 否 
则 无 法 勾 选 此 项 。 

勾 选 【使 用 开放 式 并 发 】 选 项 ,在 修改 数据 集中 的 数据 时 会 自动 检测 自 该 记录 加 载 到 
DataSet 中 以 来 数据 库 是 否 更 改 , 勾 选 该 项 有 助 于 防止 并 发 冲突 ,如 图 9. 51 所 示 。 

配置 完成 数据 源 后 ,自动 生成 GridView 的 代码 如 下 。 


<asp:GridView ID= "GridView1" runat= "server" RutoGenerateColumns= "False" 
DataKeyNames= "stuNo" DataSourceID= "SqlDataSourcel"> 
<Columns> 
<asp:BoundField DataField= "stuName" HeaderText= "stuName" 
SortExpression= "stuName" /> 
<asp:BoundField DataField= "stuGender" HeaderText= "stuGender" 
SortExpression= "stuGender" /> 
<asp:BoundField DataField= "stuBirth" HeaderText= "stuBirth" 
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配置 数据 源 - SqlDataSource1 ? 


图 一 配置 Select 语句 


希望 如 何 从 数据 库 中 检索 数据 ? 

〇 指定 自 定义 SQL 语句 或 存储 过 程 (9 

图 指定 来 自 表 或 闹 图 的 列 中 

名 称 (M): 

studentinfo ~ 
列 o)， 


























stuNo 
stuName 




















stuGender ORDER BY(B)... 
stuBirth 




















stulmage 











<] K] K] K] K] 


高 级 QW).… 














SELECT 语句; 
SELECT [stuNo] [stuName] [stuGenderl [stuBirth], [stulmagel [classNo] FROM [studentinfo] ^ 














| < 上 so | Fw | 

















9.50 配置 Select 语句 中 的 [高 级 ] 按 钮 


高 级 SQL 生成 选项 ? x 


可 以 生成 附加 的 INSERT、UPDATE 和 DELETE 语句 来 更 新 数据 源 。 





思 生成 INSERT、UPDATE 和 DELETE 语句 (@) 


基于 SELECT 语句 生成 INSERT、UPDATE 和 DELETE 语句 。 必 须 选 定 所 有 主键 字段 
才能 启用 此 选项 。 














加 


使 用 开放 式 并 发 [0) 


收 改 UPDATE 和 DELETE 语句 以 检测 自 该 记录 加 载 到 DataSet 中 以 来 数据 库 是 否 
更 改 。 这 有 助 于 防止 并 发 冲突 。 











攻 芝 | [天 


9.51 高 级 SQL 生成 选项 














SortExpression= "stuBirth" /> 
<asp:BoundField DataField= "stuImage" HeaderText= "stuImage" 
SortExpression= "stuImage" /> 
<asp:BoundField DataField= "classNo" HeaderText= "classNo" 
SortExpression= "classNo" /> 
<asp:BoundField DataField= "stuNo" HeaderText= "stuNo" Readonly= 
"True" SortExpression= "stuNo" /> 

</Columns> 


</asp:GridView> 
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主键 列 自动 设 为 只 读 列 ,ReadOnly 二 "True"。 
生成 的 SqlDataSourcel 的 代码 如 下 。 


<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" ConflictDetection= 
"CompareAllValues" ConnectionString= "<%$ConnectionSstrings:studentConne- 
ctionString $>"™ 
DeleteCommand= "DELETE FROM [studentInfo] WHERE [stuNo]=@original stuNo AND 
(([stuName]=Q@original stuName) OR ([stuName] IS NULL AND @original stuName IS 
NULL)) AND (([stuGender]=Q@original stuGender) OR ([stuGender] IS NULL AND 
Q@original stuGender IS NULL)) AND (([stuBirth]=@original stuBirth) OR 
([stuBirth] IS NULL AND Qoriginal stuBirth IS NULL)) AND (([stuImage]= 
Qoriginal stuImage) OR ([stuImage] IS NULL AND @original stuImage IS NULL)) 
AND (([classNo]=@original classNo) OR ([classNo] IS NULL AND @original classNo 
IS NULL))" 
InsertCommand= "INSERT INTO [studentInfo] ([stuName], [stuGender], 
[stuBirth], [stuImage], [classNo], [stuNo]) VALUES (@stuName, @stuGender, 
@stuBirth, @stuImage, @classNo, @stuNo)" OldValuesParameterFormatString= 
"original {0}" 
SelectCommand= "SELECT [stuName], [stuGender], [stuBirth], [stuImage], 
[classNo], [stuNo] FROM [studentInfo]" 
UpdateCcmmand= "UPDATE [studentInfo] SET [stuName]=@stuName, [stuGender]= 
@stuGender, [stuBirth]=@stuBirth, [stuImage]=@stuImage, [classNo]=@classNo 
WHERE [stuNo]=@original stuNo AND (([stuName]=@original stuName) OR ([stuName] 
IS NULL AND Qoriginal stuName IS NULL)) AND (([stuGender]=Q@original stuGender) 
OR ([stuGender] IS NULL AND @original stuGender IS NULL)) AND (([stuBirth]= 
@original stuBirth) OR ([stuBirth] IS NULL AND @original stuBirth IS NULL)) 
AND (([stuImage]=Q@original stuImage) OR ([stuImage] IS NULL AND @original 
stuImage IS NULL)) AND (([classNo]=@original classNo) OR ([classNo] IS NULL 
AND Qoriginal classNo IS NULL))"> 
<DeleteParameters> 

<asp:Parameter Name= "original stuNo" Type= "String" /> 

<asp:Parameter Name= "original stuName" Type= "String" /> 

<asp:Parameter Name= "original stuGender" Type="String" /> 

<asp:Parameter Name= "original stuBirth" Type= "DateTime" /> 

<asp:Parameter Name= "original stulImage" Type= "String" /> 

<asp:Parameter Name= "original classNo" Type= "Int32" /> 
< /DeleteParameters> 
< InsertParameters> 

<asp:Parameter Name= "stuName" Type= "String" /> 

<asp:Parameter Name= "stuGender" Type= "String" /> 

<asp:Parameter Name= "stuBirth" Type= "DateTime" /> 

<asp:Parameter Name= "stuImage" Type= "String" /> 

<asp:Parameter Name= "classNo" Type= "Int32" /> 

<asp:Parameter Name= "stuNo" Type= "String" /> 
</InsertParameters> 
< UpdateParameters> 
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<asp:Parameter Name= "stuName" Type= "String" /> 
<asp:Parameter Name= "stuGender" Type= "String" /> 
<asp:Parameter Name= "stuBirth" Type= "DateTime" /> 
<asp:Parameter Name= "stuImage" Type= "String" /> 
<asp:Parameter Name= "classNo" Type= "Int32" /> 
<asp:Parameter Name= "original stuNo" Type= "String" /> 
<asp:Parameter Name= "original stuName" Type= "String" /> 
<asp:Parameter Name= "original stuGender" Type= "String" /> 
<asp:Parameter Name= "original stuBirth" Type= "DateTime" /> 
<asp:Parameter Name= "original stuImage" Type= "String" /> 
<asp:Parameter Name= "original classNo" Type= "Int32" /> 

< /UpdateParameters> 

< /asp:SqlDataSource> 


从 代码 中 可 以 看 出 通过 配置 数据 源 过 程 中 的 【高 级 
SQL 选项 】，SqlDataSourcel 控件 自动 生成 了 InsertCommand、 
UpdateCommand 和 DeleteCommand 属性 ,分别 用 于 保存 
Insert 语句 、Update 语句 和 Delete 语句 ,使 用 InsertPara- 
meters、UpdateParameters 和 DeleteParameters 元 素 声明 
了 对 应 语句 中 的 参数 。 

(3) 配置 完成 后 ,在 9-7. aspx 页 面 的 GridViewl 控件 
的 【GridView 任务 ] 中 , 勾 选 【启用 编辑 ] 和 【启用 删除 ] 复 选 
框 (如 图 9.52 所 示 ) ,GridViewl 控件 中 将 会 添加 [编辑 ] 和 
【删除 按钮。 也 可 以 在 【编辑 列 了 窗口 中 添加 相应 的 
CommandField。 图 9%.52 启用 编辑 和 删除 功能 

(4) 运行 9-7. aspx, 页 面 如 图 9. 53 所 示 。 单 击 【 删 除 】 
按钮 将 会 删除 单 击 行 的 数据 。 运 行 时 单 击 【 编 辑 ] 按 钮 时 ,该 行 会 呈现 编辑 状态 ,【 编 辑 】 
和 【删除 了 按钮 变 洲 [更 新 ] 和 【取消 3 按钮 可 以 对 非 主键 的 字段 进行 更 改 , 单 击 【 更 新 按钮 
可 以 将 当前 行 中 的 数据 更 新 到 数据 库 , 单 击 【取消 3 按钮 可 以 恢复 到 单 击 【编辑 了 按钮 前 的 
状态 (如 图 9. 53 所 示 ) 。 





qlDataSourcel | 












































GB localhost x wm 


€ DO | localhost1955/9-7.aspx 

































































stuNo stuName stuGender stuBirth stuImage classNo 
更 新 取消 |2016010101|Mary female 1995/1/1 0:00:00 ~/image/0001.bmp 1 
编辑 删除 |2016010102|Smith male 1995/2/2 0:00:00 ~image/0002.bmp |1 
编辑 删除 |2016010103|Dan male 1996/5/6 0:00:00 ~/image/0003.bmp 1 
编辑 删除 |2016010104|John male 1998/1/5 0:00:00 ~/image/0004.bmp 2 
编辑 删除 |2016010105|Lili female 1997/5/8 0:00:00 ~limage/0005.bmp |2 























9.53 ”编辑 删除 的 运行 效果 


字段 stuNo 是 GridView 控件 数据 源 的 主键 ,不 能 修改 。 在 第 (2) 步 中 生成 的 代码 有 
GridView 控件 的 属性 DatKeyNames 二 "stuNo" ,表明 stuNo 标题 字段 为 主键 ,不 能 对 它 


进行 修改 。 


(5) 在 【GridView 任务 了 中 , 单 击 【编辑 列 了 按钮 ,选中 stuName 字段 单 击 【将 此 字段 
转换 为 TemplateField] 将 stuName 转换 为 模板 列 。 然 后 将 需要 使 用 编辑 模板 的 列 : 
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stuGender stuBirth .stuImage 和 classNo 都 转换 为 模板 列 ( 如 图 9. 54 所 示 )。 


































































































字段 ? Xx 

可 用 字段 他 ; BoundField 属性 (p): 

日 国 bynamicfield ~ 国 % | 而 
ee ShowHeader True ~ 
一 硬 stuGender 
stuBirth artexpression classNo 
stun ValidateRequestMode | Inherit 
classNo 日 Visible True 
加 stuNo 

v AccessibleHeaderText 
添 mO) Datafield 

选 定 的 字段 (9 DataFormatString 

和 So 个 FooterText 
stuNo 

HeaderlmageUrl 

Nome Ea 

调 :tuGender x 

号 stuBirth HeaderText 

朝 stulmage 此 字段 的 标 头 内 的 文本 ， 

口 自 动 生成 字段 (G6) T Ei 

3 














图 9.54 转换 为 TemplateField 


(6) 在 【GridView 任务 中 , 单 击 【编辑 模板 3 项 ,GridView 将 显示 为 可 编辑 的 模板 状 
态 。 此 时 在 【GridView 任务 ] 中 【显示 】 下 拉 列 表 框 中 可 选择 需要 编辑 的 模板 ,每 列 都 提 
供 有 ItemTemplate、AlternatingItemTemplate、EditItemTemplate、HeaderTemplate、 
FooterTemplater 模板 ,可 以 根据 需要 设计 相应 的 模板 。 还 可 以 选择 EmptyDataTemplate 或 
PagerTemplate 模板 设置 GridView 的 空 数据 模板 和 页 模板 。 单 击 【GridView 任务 】 中 的 
【结束 编辑 模板 ] 可 以 返回 到 GridView 控件 的 显示 状态 ,如 图 9. 55 所 示 。 


GridView1 - Column[2] - stuName 


4 








ltemTemplate 








[Label1] 


























AlternatingltemTemplate 


CF U 
SqlDataSource - SqlDataSourcel 
EdittemTemplate 


HeaderTemplate 
FooterTemplate 
Column[3] - stuGender 
ltemTemplate 
AltematingltemTemplate 
EdittemTemplate 


HeaderTemplate v 


9.55 编辑 模板 
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(7) 选择 stuName 列 的 EditItemTemplate 模板 ,可 以 看 到 有 一 个 TextBox 控件 , 它 
已 经 绑 定 了 stuName 字段 (Text 一 ' 扫 %% 井 
Bind("stuName") 中 过) 。 在 模板 中 放置 一 Gridviewl - Column[2] - sbuName > 
个 RequiredFieldValidator 空 验证 控件 ,并 设 Edidtem Template 
置 其 属性 ControlToValidator 为 TextBoxl， 姓名 不 能 为 空 
属性 ErrorMessage 设 为 “姓名 不 能 为 空 ”, 属 
性 ForeColor 为 Red( 如 图 9. 56 所 示 )。 

stuName 模板 列 生成 的 代码 如 下 。 


<asp:TemplateField HeaderText= "stuName" SortExpression= "stuName"> 
<EditItemTemplate> 
<asp:TextBox ID= "JextBox1" runat= "server" Text="'<%#Bind("stuName") %> "> 
< /asp:TextBox> 
<asp:RequiredFieldValidator ID= "RequiredFieldValidatorl" runat= 
"server" ControlToValidate= "TextBox1" ErrorMessage= "姓名 不 能 为 空 " 
ForeColor= "Red"> < /asp:RequiredFieldValidator> 
< /EditItemTemplate> 
< ItemTemplate> 
<asp:Label ID= "Labell" runat= "server" Text= '<%#Bind("stuName")%®> "> 
</asp:Label> 
</ItemTemplate> 






































图 9.56 stuName 的 编辑 模板 


</asp:TemplateField> 


(8) 选择 stuGender 列 的 EditItemTemplate 模板 ,可 以 看 到 有 一 个 TextBox 控件 ， 
它 已 经 绑 定 了 stuGender 字段 (Text 二 ' 二 %# Bind("stuGender")%')。 将 该 控件 删 
除 ,添加 一 个 RadioButtonListl1。 编 辑 项 如 图 9. 57 所 示 ,Text 设 为 * 男 ”和 “ 女 ”,Value 值 
需要 与 数据 源 中 的 值 一 致 ,这 里 设 为 male 和 female。RepeatDerection 设 为 Horizontal。 
在 【RadioButtonList 任务 中, 单 击 【编辑 DataBinding】. 在 弹出 的 对 话 框 中 选择 
RadioButtonList 控件 的 字段 SelectedValue 绑 定数 据 源 中 的 stuGender 字段 , 勾 选 【 双 
向 数据 绑 定 】 复 选 框 ,将 自动 生成 对 应 的 代码 ,如 图 9. 58 所 示 。 单 击 【 确 定 ] 按 钮 完成 
设置 。 

stuGender 模板 列 生成 的 代码 如 下 。 


<asp:TemplateField HeaderText= "stuGender" SortExpression= "stuGender"> 
<EditItemTemplate> 
<asp:RadioButtonList ID= "RadioButtonList1" runat= "server" RepeatDirection= 
"Horizontal" SelectedValue= '<%$#Bind("stuGender") $%$>'> 
<asp:ListItem Value= "male"> 男 < /asp:ListItem> 
<asp:ListItem Value= "female"> 女 </asp:ListItem> 
</asp:RadioButtonList> 
< /EditIitemTemplate> 
<ItemTemplate> 
<asp:Label ID= "Label2" runat= "server" Text= '<%#Bind("stuGender") $>'> 
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Listtem 集合 编辑 器 ? x 
成 员 (M): 男 属性 中; 
器 全 | 国 吧 | 5 
加 去 ~ 如 页 
Enabled True 
5 回 












































RadioButtonListl DataBindings 





























全- 
选择 要 塘 定 到 的 属性 ， 然 后 可 通过 先 择 字段 来 坟 定 它 。 也 可 使 用 自 定义 代码 表达 式 娜 定 它 。 
可 蛙 定 属性 2) 为 Selectedyalue 绑 定 
蝎 DanSource 加 字段 挪 定 : 
昌 Enabled 4. 
4 Selectedindex 绑 定 到 G): stuGender ~ 
Visible 格式 (0); (57) pe 
示例 (3: 
二 回 双 向 数据 孵 定 中 
口 显示 所 有 属性 人 
〇 自 定义 钳 定 (O: 
代码 表达 式 (B): 
Bind( stuGender’) 
Ce ][ ww | 


9.58 编辑 RadioButtonList 的 数据 绑 定 
</asp:Label> 
</ItemTemplate> 
< /asp:TemplateField> 


(9) 选择 stuBirth 的 ItemTemplate 显示 模板 ,可 以 看 到 已 经 有 一 个 Label 与 
stuBirth 绑 定 (Text 二 ' 二 %## Eval("stuBirth"% 放 ')。 在 【Label 任务 ] 中 选择 [编辑 
DataBiding】 ,在 弹出 的 对 话 框 中 将 [格式] 设置 为 【 短 日 期 -(0:d}】( 如 图 9. 59 所 示 )。 

(10) 选择 stuBirth 的 EditItemTemplate 编辑 模板 ,可 以 看 到 已 经 有 一 个 TextBox 
与 stuBirth 绑 定 (Text 二 ' 二 %# Bind("stuBirth"% 盖 7) 。 在 【TextBox 任务 】 中 选择 【 编 


辑 DataBiding】 ,在 弹出 的 对 话 框 中 将 [格式] 设置 为 【 短 日 期 -(0:d)】 ,使 其 只 显示 日 期 ,不 
显示 时 间 部 分 。 
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Label3 DataBindings 


入 择 要 绑 定 到 的 属性 ， 然 后 可 通过 选择 字段 来 绑 定 它 。 也 可 使 用 自 定义 代码 表达 式 绑 定 它 。 


可 绑 定 属性 加): 


为 Tet 绑 定 





全 Enabled 
Text 
是 visibe 





图 字段 绑 定 (: 
绑 定 到 G@); 


格式 (0): 


示例 G: 





stuBirth 














2016/4713 

















显示 所 有 属性 凶 

















回 观 向 数据 绑 定 四 





O 〇 自 定义 绑 定 (O; 
代码 表达 式 (B): 


Bind("stuBirth", "0:d]") 

















图 9.59 日 期 格式 设置 


(11) 选择 stuImage 的 ItemTemplate 编辑 模板 ,可 以 看 到 已 经 有 一 个 Label 与 
stuImage 绑 定 (Text 二 ' 二 %# Eval("stulImage"% 记 ')。 删 除 Label, 添 加 一 个 Image 控 


件 。 在 【Image 任务 3 中 选择 [编辑 DataBiding】 ,在 弹出 的 对 话 框 中 将 ImageUrl 属性 与 数 
据 源 字段 stuImage 绑 定 (如 图 9. 60 所 示 )。 



























































Image1 DataBindings ?7 x 
选择 要 绑 定 到 的 属性 ， 然 后 可 通过 选择 字段 来 绑 定 它 。 也 可 使 用 自 定义 代码 表达 式 绑 定 它 。 
可 绑 定 属性 (p); 为 Imageunl 绑 定 
二 AlternateText 轿 字 段 缉 定 D): 
塌 Enabled 
绑 定 到 (B): stulmage ~ 
Visible 丽 
示例 (9): 
双向 数据 绑 定 四 
显示 所 有 属性 凶 
〇 自 定义 绑 定 (D); 
代码 表达 式 (E): 
Eval('stulmage") 
aa | 











9.60 ImageUrl 的 绑 定 
stuImage 生成 的 模板 列 代码 如 下 。 


<asp:TemplateField HeaderText= "stulImage" SortExpression= "stuImage"> 
<EditItemTemplate> 


<asp:TextBox ID= "TextBox4" runat= "server" Text= "<%#Bind("stuImage")®> "> 
< /asp:TextBox> 


</EditItemTemplate> 
<ItemTemplate> 

<asp: Image ID= "Imagel" runat= "server" ImageUrl= '<%#Eval ("stuImage")%®> '/> 
</ItemTemplate> 


< /asp:TemplateField> 


(12) 选择 classNo 的 EditItemTemplate 编辑 模板 ,添加 一 个 空 验证 控件 ,操作 同 第 


(7) 步 。 


(13) 选择 GridView 控件 的 EmptyDataTemplate 模板 ,添加 “和 暂 无 数据 1” 的 文本 


信息 。 


(14) 单 击 【GridView 任务 中 的 【结束 模板 编辑 ] 可 回 到 GridView 控件 的 表格 状态 。 
(15) 运行 9-7. aspx 页 面 ,效果 如 图 9.61 一 图 9. 65 所 示 。 单 击 【 编 辑 ] 按 钮 ,使 单 击 
行 变 为 可 编辑 状态 ,显示 编辑 模板 中 的 内 容 , 可 以 修改 数据 ,这 里 将 1995-2-2 修改 为 
1998-5-29 , 单 击 【更 新 ] 按 钮 后 将 更 新 数据 库 , 单 击 【取消 3 按钮 将 不 修改 。 单 击 【 删 除 ] 按 


钮 将 删除 。 
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[ localhost12360/chapter9/ XX 


< > BO http//ocalhost12360/chapter9/9-7.al 





学 号 | 姓名 | 性 别 


生日 “头像 所 属 班级 





删除 |2016010101Itary |femalel1997-4-8 [a 





li i 一 
是 | 除 |2016010102|Smi thimale |1998-5 2 矶 中 





2016010103IDan Imale |1996-5-6 








/ead 
E2016010104lJohn Imale |1998-1-5 sa: 


是 除 |2016010105ILili |femalel1997-5-8 人 





人 
匠 | 苔 

















删除 |2016010106|Cara |femalel1997-4-8 |lsB) |2 




















9.61 9-7.aspx 的 显示 模板 运行 效果 





《 > BD) htp//ocalhost12360/chapter9/9-7.aspx 






















































































学 号 姓名 性 别 生日 头像 所 属 班级 
编辑 出 除 |2016010101Mary female 1997-4-8 
更 新 取消 。。 |2016010102||Smith 图 男 目 女 |1995-2.2 ||[Himage/0002 bmp ] 
编辑 。 ”| 日 除 2016010103Dan male 1996-5-6 网 
编辑 型 除 |2016010104John male 1998-1-5 
编辑 。 ”| 遇 除 2016010105Li1i female |1997-5-8 
编辑 。 ”日 除 2016010106Cara female |1997-4-8 BB 

图 9.62 单 击 【编辑 ] 按 钮 后 的 运行 效果 
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[localhost12360/chapteral X 


Cs 


> © 可 全 httpy/localhost12360/chapter9/9-7aspx 



























































学 可 妊 名 性 别 生日 头像 所 属 班级 
编辑 | 遇 除 |2016010101ary female 1997-4-8 2 1 
十 新 取消 | 。 |2016010102|[ | 姓名 不 能 为 宝 | 图 男 自 女 | 99522 limage/o002 bmp | |] 班级 号 不 能 为 空 | 
编辑 | 映 除 |2016010103jDan Imale 1996-5-6 网 1 
编辑 删除 |2016010104|John Imale 1998-1-5 |2 
编辑 | 遇险 |2016010105ILi1i female 1997-5-8 | |2 
编辑 | 遇 除 |2016010106Cara female 1997-4-8 四 | |2 
加- 














[5 iocalhost12360/chapter9l| XX 


图 9.63 ”编辑 模板 中 的 验证 功能 










































































> © 加 (| http//ocalhost12360/chapter9/9-7.aspx 
学 号 姓名 性 别 生日 头像 所 属 班级 
编辑 。 遇险 |2016010101 Wary female |1997-4-8 司 1 
里 新 职 消 2016010102|lSmtn | 国 男 目 女 |1998.5-29 Fimage/0007 bmp le 
编辑 。 ”日 除 |2016010103pan male 1996-5-6 1 
编辑 。 县 除 |201601010dITohn male 1998-1-5 2 
编辑 如 除 |2016010105ILili female 。 |1997-5-8 ry 2 
编辑 。 ”删除 .2016010106Cara female |1997-4-8 去 2 
局 

















9.64 编辑 模板 中 修改 生日 


加 localhost12360/chapter9! X 





《 > © 9 | http//ocalhost12360/chapter9/9-7.aspx 
























































学 号 ”| 姓名 | 性 别 | 生日 “| 头像 ,所属 班级 
| 编辑 是 除 |2016010101Mary |female|1997-4-8 [yp 
编辑 删除 2016010102|Smithimale oo 
| 编辑 出 除 |2016010103IDan Imale |1996-5-6 [esl: 
编辑 删除 2016010104|John Imale |1998-1-5 
编辑 虹 除 |2016010105|ILili |femalel1997-5-8 & 2 
| 编辑 是 除 |2016010106|ICara |femalel1997-4-8 号 2 











9.65 ” 单 击 【 更 新 ] 按 钮 后 显示 修改 后 的 生日 


952 为 数据 表 添 加 数据 


【实例 9-8】 
(1) 在 网 站 chapter9 中 ,打开 9-7. aspx, 继 续 添加 一 个 RadioButton、 五 个 TextBox， 


为 数据 表 添加 数据 。 
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用 来 输入 添加 的 新 数据 。 拖 放 一 个 Button 控件 用 于 执行 添加 功能 。 
(2) 双击 Buttonl ,在 Buttonl_Click 事件 中 编写 代码 如 下 。 


Protected void Button1 Clickl (object sender, EventArgs e) 

| 
// 清 空 数据 源 控件 插入 语句 中 的 待定 参数 
SqlDataSourcel .InsertParameters.Clear (); 
// 向 数据 源 控件 sqlDatasourcel 中 添加 插入 语句 需要 的 待定 参数 ,并 赋值 
SqlDataSourcel .InsertParameters .Add ("stuNo", TextBox6.Text); 
SqlDataSourcel.InsertParameters.Add ("stuName", TextBox7.Text); 
SqlDataSourcel.InsertParameters.Add ("stuGender", 
RadioButtonList1.SelectedValue) ; 
SqlDataSource1.InsertParameters.RAdd ("stuBirth", TextBox8.Text); 
SqlDataSourcel .InsertParameters.Add ("stuImage", TextBox9.Text); 
SqlDataSourcel.InsertParameters.Add ("classNo", TextBox10.Text); 
SqlDataSourcel.Insert (); 

} 


注意 上 面 的 这 段 代码 中 ,SqlDataSourcel. InsertParameters. Add() 语 句 添加 的 参数 
与 9-7. aspx 页 面 中 要 使 用 添加 功能 的 SqlDataSourcel 控件 配置 的 InsertParameters 标 
记 中 的 参数 保持 个 数 和 类 型 的 匹配 。SqlDataSourcel. Insert(); 方 法 用 于 向 数据 库 中 插 
入 数据 。 

可 以 继续 在 页 面 增加 验证 功能 ,或 在 代码 中 增加 数据 有 效 性 判断 的 代码 。 修 改 数 据 
库 时 可 能 发 生 主键 重复 的 错误 ,下 面 的 代码 将 使 用 try catch 语句 捕 提 异 常 。 当 主键 重复 
时 弹出 一 个 消息 框 。 代 码 如 下 。 





protected void Buttonl Clickl (object sender, EventArgs e) 
{ 
if (TextBox6.Text=="" || TextBox7.Text=="" || TextBox8.Text=="" || 
TextBox9.Text=="" || TextBox10.Text=="") 
{ 
Response.Write ("< script type= 'text/javascript'>alert (' 请 输入 完整 信息 '); 
</script> "); 


else 


SqlDataSourcel.InsertParameters.Clear (); 

SqlDataSourcel .InsertParameters.Add ("stuNo", TextBox6.Text); 
SqlDataSourcel .InsertParameters.Add ("stuName", TextBox7.Text); 
SqlDataSourcel .InsertParameters .Add ("stuGender", 
RadioButtonList1.SelectedValue); 

SqlDataSourcel .InsertParameters.Agd ("stuBirth", TextBox8.Text); 
SqlDataSourcel .InsertParameters.Add ("stuImage", TextBox9.Text); 
SqlDataSourcel .InsertParameters.Add ("classNo", TextBox10.Text); 
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SqlDataSourcel.Insert (); 
} 
//SqlException:sqlserver 发 生 错误 或 警告 时 返回 
catch (System.Data.SqlClient.SqlException en) 
{ 
//MSSQL 的 对 应 的 异常 信息 2627 可 在 系统 表 中 获得 ,为 主键 重复 
if (en.Number==2627) 
Response.Write ("< script language= 'javascript'>alert (' 对 不 起 ,主键 重复 
"< /script> "); 
else 


Response.Write (en.Message); 


} 


(3) 运行 9-7. aspx, 效果 如 图 9. 66 所 示 。 单 击 【 添 加 】 按 钮 后 ,输入 学 号 为 
“2016010106” 的 那 条 记录 , 即 可 添加 到 数据 表 中 ,并 在 GridView 中 显示 出 来 。 


回 localhost 





2 Tl | localhost1955/9-7.aspx 





2016010101|Mary |female|1997/4/8| 





2016010102|Smithlmale |1995/2/2| 





编辑 删除 |2016010103|Dan lmale |1996/5/6| A 1 





编辑 删除 |2016010104|John |male |1998/1/5 A 2 





编辑 删除 |2016010105|Lili |female|1997/5/8 人 “2 


1997/4/8 lB 2 





编辑 删除 |201601010 


2016010106 


Cara 

O 男 @ 女 
1997/4/8 
~/image/0006.bmp 

2 


图 9.66 9-7.aspx 页 面 的 添加 功能 


Cara |femal: 



































在 许多 时 候 , 需 要 单 击 GridView 中 的 按钮 ,触发 GridView 的 RowCommand 事件 。 
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如 果 在 实例 9-7 中 的 GridView 控件 中 放置 【添加 按钮 ,可 以 通过 【编辑 列 了 中 添加 
ButtonField 字段 ,并 设置 CommandName 是 “insert”( 如 图 9. 67 所 示 ) 实 现 。 


然后 在 【事件 窗口 中 ,双击 GridView 控件 的 
RowCommand 事件 的 右 侧 空白 格 即 可 添加 RowCommand 





























































































字段 7 有 
可 用 字段 他， ButtonField 属性 (2); 
-看 CheckBoxField 莒 | 5 
-上 HyperLinkField 一 一 
| 3 ela Causesvalidation 
田力 CommandField [ 4 insert 
TemplateField InsertVisible True 
白 坟 DynamicField ShowHeader Flve 
对 tuName 和 a SortExpression 
ValidationGroup 
添 nO Visible 
es AccessibleHeaderText 
cessibleHeaderTe 
目 学 号 ^] 项 
晤 人 攻 DataTextfield 
,有 生日 DataTextFormatString 
x 
呈 头 像 CommandName 
上 所 有 与 此 过 钥 关 联 的 命令 。 
胡 接 钮 3 
口 自动 生成 字段 @ ee 
了 
9.67 添加 按钮 列 


事件 (如 图 9. 68 所 示 ) 。 


将 Buttonl_Click 中 的 代码 放 入 RowCommand 事 
件 中 。GridView 控件 中 可 以 存在 多 个 按钮 ,都 会 触发 
该 事件 ,因此 ,在 代码 中 需要 用 CommandName 属性 判 


断 是 哪个 按钮 触发 的 ,代码 如 下 。 


if (e.CommandName== "insert") 


. 


SqlDataSourcel.InsertParameters.Clear (); 


SqlDataSourcel .InsertParameters .Add 
("stuNo", TextBox6.Text); 
SqlDataSourcel.InsertParameters.Add 





CELA 
pagelndexChanging 
PreRender 

















RowDataBound 
RowDeleted 
RowDeleting 
RowEditing 


RowCommand 
当 GridView 内 生成 事件 时 激发 。 


9.68 在 【事件 窗口 中 添加 事件 


("stuName", TextBox7.Text); 


SqlDataSourcel.InsertParameters.Add ("stuGender", 


RadioButtonListl1.SelectedValue); 


SqlDataSourcel .InsertParameters.Add ("stuBirth", TextBox8.Text); 


SqlDataSourcel.InsertParameters.Add ("stuImage", TextBox9.Text); 


SqlDataSourcel .InsertParameters.Add ("classNo", TextBox10.Text); 





GridView1 System,Web,UlWebControly,GridViev ~ 
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SqlDataSourcel.Insert (); 
} 


注意 : 代码 中 的 insert 值 区 分 大 小 写 。 


96 使 用 存 人 备 辽 程 操作 数据 库 











大 部 分 的 数据 库 如 SQL Server Oracle.DB2 ,Informix 等 都 提供 了 存储 过 程 的 功能 。 
存储 过 程 (Stored Procedure) 是 数据 库 中 的 一 组 经 过 编译 的 .以 SQL 语句 为 基础 的 命令 
集 。SQL Server 数据 库 的 存储 过 程 使 用 的 是 T-SQL, 该 语言 既 包括 SQL 语句 ,还 可 以 
包括 一 些 过 程 语句 。 

在 Visual Studio 2012 中 民 服 务 器 资源 管理 器 中 可 以 右 击 【存储 过 程 】 节 点 ,选择 
【添加 新 存储 过 程 了 命令 (如 图 9. 69 所 示 ) 即 可 打开 一 个 新 的 存储 过 程 的 代码 段 ( 如 
图 9.70 所 示 )。 




















x pr 请 
b 图 Sharepoint 连接 [ 
4 时 服务 器 
昌 yan 
4 国 次 丘 接 
4 芭 studentConnectionString (C: 
证 9-2.aspx.cs 
，》 国 视图 全 更 新 (U) 
BCREATE PROCEDURE [dbo]. [Procedure] 
bp 国 天 。 添 jp 新 存储 过 程 (p) | @param] int = 0, 
上 国 同 RBF @param2 int 
[= Cd 
Pb 国 程 -- AS 
SELECT @paraml, @param?2 
RETURN 0 
图 9.69 添加 新 存储 过 程 图 9.70 新 建 存储 过 程 中 的 代码 


代码 段 中 的 CREATE PROCEDURE 是 关键 字 表示 创建 存储 过 程 , 以 前 的 版 本 当 创 
建成 功 后 ,该 关键 字 将 变 为 ALTER PROCEDURE, 在 Visual Studio 2012 中 不 再 改变 ， 
仍然 显示 为 CREATE PROCEDURE, 以 后 修改 存储 过 程 时 系统 自动 检测 修改 的 内 容 。 
可 以 在 代码 段 的 基础 上 修改 完成 的 存储 过 程 功能 。dbo 是 存储 过 程 所 属 的 数据 库 用 户 。 
[LProcedure] 可 以 修改 为 需要 的 存储 过 程 名 称 。 以 @ 开 头 的 @paraml 和 @param2 表示 
参数 ,参数 必须 指定 参数 名 和 类 型 ,类 型 一 般 与 数据 表 中 的 字段 一 致 。 在 此 处 可 以 添加 
需要 的 参数 ,参数 之 间 用 逗号 (,) 隔 开 , 最 后 一 个 参数 后 面 无 逗号 (,)。AS 关键 字 后 面 是 
需要 执行 的 T-SQL 语句 。RETURN 用 来 指明 存储 过 程 的 返回 值 。 

下 面 的 代码 就 是 一 个 创建 存储 过 程 Pr_GetProductsByCategoryID 的 代码 ,实现 从 
Product 表 和 Category 表 中 查询 某 个 类 别 (CategoryID) 商 品 的 有 关 信 息 。 它 含有 一 个 参 
数 CategoryID。 使 用 CategoryID 字段 作为 两 个 表 的 连接 条 件 , 并 使 用 LasterDate 字段 
降序 排序 结果 集 。 
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CREATE PROCEDURE [dbo]. [Pr GetProductsByCategoryID] 
@CategoryID int 

RS 

SELECT 

[Product].*,，, 

Category .Name AS CategoryName, 

FROM 

[Product] 

INNER JOIN 

Category 

On [Product] .CategoryID= Category.ID 

Where [Product] .CategoryID= @CategoryID 

ORDER BY 

LasterDate DESC 


在 第 8 章 中 介绍 的 命令 对 象 的 CommandType 属性 可 以 指定 要 执行 的 语句 为 存储 过 
程 (StoredProcedure) 。 使 用 数据 源 控件 也 可 以 配置 使 用 存储 过 程 , 下 面 以 实例 的 形式 来 
演示 该 功能 。 

【实例 9-9】 数据 源 控件 也 可 以 配置 调用 存储 过 程 Pr_GetStudentAge。 

(1) 在 studentDB. mdf 中 新 建 存储 过 程 ,编写 如 下 代码 。 


CREATE PROCEDURE [Pr GetStudentAge] 
@CurrentDate DateTime 

AS 
SELECT [stuNo], [stuName], [stuGender], 

DRTEDIFTF (year, [stuBirth],@CurrentDate) as stuAge, [stuImage], [classNo] 
FROM [studentInfo] 

RETURN 0 


代码 中 DATEDIFF(year,[stuBirth],@CurrentDate) 是 计算 字段 LstuBirthj] 与 参数 
@CurrentDate 两 个 日 期 相隔 的 年 数 ,相当 于 year(@CurrentDate) 一 year([LstuBirth]) 。 
单 击 窗 口中 的 [更新] 按钮 ,再 单 击 【 预 览 数据 库 更 新 】 对 话 框 中 的 【更 新 数据 库 ] 按 钮 即 可 
更 新 数据 库 , 否 则 不 更 新 数据 库 ( 如 图 9.71 所 示 )。 

(2) 在 网 站 chapter9 中 添加 9-8. aspx， 添加 一 个 TextBoxl 、 一 个 Button 和 一 个 
Gridview 控件 。 设 置 TextBoxl 的 TextMode 属性 为 DateTime, 以 便 选择 日 期 。 

(3) 配置 GridView 控件 的 数据 源 ,选择 已 有 连接 串 studnetConnectionString ,在 【 配 
置 Select 语句 】 对 话 框 中 选择 【指定 自 定义 SQL 语句 或 存储 过 程 了 单 选 按钮 , 单 击 【下 一 
步 ] 按 钮 ,将 弹出 自 定义 语句 或 存储 过 程 的 窗口 ,选择 【存储 过 程 】 单 选 按钮 ,然后 选择 存 
储 过 程 Pr_GetStudentAge( 如 图 9.72 所 示 )。 

注意 该 窗口 中 ,如 果 有 存储 过 程 自动 会 出 现在 【存储 过 程 ] 的 下 拉 列 表 框 中 ,可 供 选 
择 。 如 果 没 有 存储 过 程 则 【存储 过 程 ] 为 灰色 不 可 选 。 此 外 ,还 可 以 配置 需要 的 
SELECT、UPDATE.、INSERT 或 DELETE 语句 连接 字符 串 中 指定 的 数据 库 中 。 











[dbo].[pr GetStudentByBirth] (过 程 ) 


支持 操作 
无 














9.71 更 新 存储 过 程 到 数据 库 





Esc | 


四 定义 自 定义 语句 或 存储 过 程 






































| 单机 选项 卡 为 该 操作 创建 SQL 语句 。 
SELECT | UPDATE | INSERT | DELETE 
© SQL 语句 (S): 
| 
回 存储 过 程 中 : 
Pr_GetStudentAge 4 



































9.72 选择 存储 过 程 

















继续 单 击 【 下 一 步 ] 按 钮 ,如 果 存 储 过 程 中 有 参数 将 会 弹出 【定义 参数 】 对 话 框 ,这 里 
的 参数 来 自控 件 (Control) TextBoxl (ControlID) ,继续 单 击 【 下 一 步 ] 一 【完成 ] 按 钮 (如 
图 9.73 所 示 )。 

生成 的 控件 代码 如 下 。 

<div> 


<br /> 
当前 日 期 : <asp:TextBox ID= "TextBox1" runat= "server" TextMode= "Date">< /asp: 
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ET | 


















































|| 图 定义 参数 

:2 

向 导 在 您 的 SELECT 语句 中 检测 到 一 个 或 多 个 参数 。 请 为 SELECT 语句 中 的 每 个 参数 选择 参数 值 的 源 . 

NE 多数 源 ): 

5 和 Eee 一 

CurrentDate TextBoxl.Text ControllD: 
TextBoxl 
DefaultValue: 
| 
显示 高 级 属性 

SELECT 语句 (U; 

pr GetStudentAge 村 

9.73 为 存储 过 程 定 义 参数 
TextBox> 


<asp:Button ID= "Buttonl" runat= "server" OnClick= "Buttonl Click" Text= "查询 " /> 
<br /> 

<asp:GridView ID= "GridViewl" runat= "server" DataSourceID= "SqlDataSourcel" 
AutoGenerateColumns= "False" DataKeyNames= "stuNo"> 

<Columns> 

<asp:BoundField DataField= "stuNo" HeaderText= "stuNo" Readonly= "True" 
SortExpression= "stuNo" /> 

<asp:BoundField DataField= "stuName" HeaderText= "stuName" SortExpression= 
"stuName" /> 

<asp:BoundField DataField= "stuGender" Heade: = "stuGender" SortExpression= 
"stuGender" /> 

<asp:BoundField DataField= "AgeYear" HeaderText= "AgeYear" Readonly= "True" 
SortExpression= "AgeYear" /> 

< asp:BoundField DataField= "stulImage" HeaderText= "stuImage" SortExpression= 
"stuImage" /> 

<asp:BoundField DataField= "classNo" HeaderText= "classNo" SortExpression= 
"classNo" /> 

< /Columns> 

< /asp:GridView> 

<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" ConnectionSstring= 
"<%$ConnectionSstrings:studentConnectionSstring %$>" SelectCommand= 

"Pr GetStudentAge" SelectCommandType= "StoredProcedure"> 


< SelectParameters> 





210 





Moe sss nix 


<asp:ControlParameter ControlID= "TextBox1" Name= "CurrentDate" PropertyName=— 
"Text" Type= "DateTime" /> 

< /SelectParameters> 

< /asp:SqlDataSource> 

</div> 


(4) 运行 9-8. aspx, 在 文本 框 内 选择 输入 一 个 日 期 , 单 击 【 查 询 ] 按 钮 在 GridView 控 
件 中 显示 查询 结果 ,不 再 显示 生日 而 显示 学 生 的 年 龄 了 (如 图 9.74 所 示 )。 





[5 ocalhost12360/chapter9| X 
《 > BD http//ocalhost12360/chapter9/9-8.aspx 
















当前 日 期 ，|2016-04-14 [查询 | 
stuNo |stuNamelstuGender|jstuAge stulmage classNo 
2016010101 Mary female 19 /imge/0001. bmp |1 
2016010102|Smith Imale 21 /image/0002. bmp|l 
2016010103Dan male 20 VimageV0003.bmpl1 
2016010104John male 18 /image/0004. bmp|2 
2 

2 




















2016010105ILili female 19 /image/0005. bmp 
2016010106lCara female 19 ' /image/0006. bmp 



































9.74 9-8. aspx 的 运行 效果 


97 连接 字符 率 的 配置 


1. 配置 连接 字符 串 


Web. config 中 用 connectionStrings 标记 保存 连接 字符 串 , 一 般 直 接 放 在 根 元 素 
configuration 中 。connectionStrings 中 可 以 有 多 条 add 标记 ,每 条 对 应 一 个 连接 字符 串 。 
add 中 的 属性 name 表示 连接 字符 串 的 名 称 ,引用 时 使 用 该 名 称 ;connectionString 属性 表 
示 连 接 字 符 串 的 具体 内 容 ,表示 连 接 的 数据 库 服务 器 、 名 称 、 登 录 方式 等 。 下 面 是 连接 的 
本 地 数据 库 服 务 器 ,文件 路 径 是 网 站 的 共享 文件 App_Data 中 的 StudentDB. mdf。 登 录 
方式 采用 Windows 集成 身份 验证 。 


<configuration> 
<connectionStrings> 
<add name= "studentConnectionString"”connectionString= "Data Source= 
(LocalDB) \v11.0;AttachDbFilename= |DataDirectory|\StudentDB.mdf; 
Integrated Security=True" providerName= "System.Data.SqlClient" /> 
</connectionStrings> 


</configuration> 


在 数据 库 操作 中 ,可 以 通过 DataSource 控件 配置 自动 生成 相应 的 连接 字符 串 代码 ， 
也 可 以 手动 添加 该 代码 。 


#0s 数据 源 控 件 和 GridView 控 件 
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2. 获取 连接 字符 串 


配置 完毕 ,就 可 以 在 应 用 程序 中 调用 Web. config 中 保存 的 连接 字符 串 。 

(1) SqlDataSource 控件 使 用 属性 ConnectionString 与 连接 字符 串 绑 定 , 如 
ConnectionString 王 "所 % $ ConnectionStrings:studentConnectionString % >"。 

(2) 使 用 System. Configuration 命名 空间 中 的 ConfigurationManager 调用 ,编写 代 
码 时 使 用 。 具 体 代码 如 下 。 


using System.Configuration; 
string connectionString=ConfigurationManager.ConnectionStrings ["student 


CONNECTIONSTRING"] .ConnectionSstring; 


代码 中 的 “studentCONNECTIONSTRING” 是 Web. config 中 连接 字符 串 定义 中 
name 属性 的 值 。 

数据 库 连接 字符 串 写 在 Web. config 中 后 ,可 以 在 程序 中 重复 使 用 。 一 旦 有 变化 ,只 
修改 这 一 处 代码 即 可 ,可 避免 错误 提高 开发 效率 。 


小 结 


本 章 首先 介绍 了 数据 绑 定 的 概念 ,每 当 数据 源 中 的 数据 发 生变 化 且 重 新 启动 网 页 
时 ,被 绑 定 对 象 中 的 数据 将 随 数据 源 而 改变 。 

然后 介绍 了 ASP. NET 提供 的 数据 源 控件 ,并 重点 使 用 了 SqlDataSource 数据 源 控 
件 连接 SQL Server 的 方法 及 在 配置 过 程 中 的 各 项 功能 ,包括 SQL 语句 定义 、WHERE 
子 句 的 添加 和 修改 .Insert 等 编辑 语句 的 生成 和 使 用 、 存 储 过 程 的 调用 。 

还 介绍 了 GridView 控件 的 分 页 ,排序 .选择 .美化 和 模板 的 设置 和 使 用 。 

通过 数据 源 控件 GridView 控件 演示 了 显示 数据 .单一 条 件 查询 、 多 条 件 查询 和 数据 
表 同 步 的 实现 。 在 此 过 程 中 ,还 涉及 DropDownList 控件 、RadioButtonList 控件 、 
TextBox 控件 .Label 控件 ,Image 控件 等 控件 实现 数据 绑 定 的 方法 。 

最 后 介绍 了 连接 数据 源 必 须 使 用 的 连接 字符 串 保 存在 Web. config 中 的 方法 及 调用 
它 的 方法 。 


梨 后 习 本 


(1) 数据 源 控件 可 以 访问 内 存 中 的 对 象 。 

(2) GridView 控件 的 属性 设 为 true 表示 启用 排序 功能 。 

(3) 启用 选择 功能 后 ,可 以 使 用 属性 设置 被 选择 行 的 外 观 。 

(4) 当 显示 数据 多 的 时 候 就 可 以 设置 GridView 控件 的 属性 为 true, 以 允许 
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(5) GridView 控件 提供 的 体 模板 有 

(6) 数据 绑 定 控件 的 属性 ,可 以 设置 与 某 数 据 源 控件 的 关联 。 

(7) Bind(" 字 段 名 ") 和 Eval(" 字 段 名 ") 方 法 必须 写 在 标签 中 。 双 向 绑 定 应 
使 用 

(8) 当 一 条 记录 处 于 编辑 状态 时 使 用 的 是 模板 。 

(9) DATEDIFF(year,[stuBirth],@CurrentDate) 返 回 

(10) Web. config 中 用 标记 保存 连接 字符 串 , 一 般 直 接 放 在 根 元 素 
configuration 中 。 

2. 上 机 操作 题 

上 机 目的 : 


掌握 SqlDataSource 数据 源 控件 配置 数据 源 的 方法 ; 

掌握 SqlDataSource 控件 和 GridView 控件 实现 显示 数据 和 编辑 数据 表 的 方法 ; 

理解 GridView 控件 模板 的 使 用 。 

上 机 内 容 : 

创建 一 个 数据 库 Product. mdf 保存 服装 信息 ,包括 ProductInfo (商品 信息 ) 和 
CategoryInfo( 商 品种 类 信息 ) 两 个 表 , 使 用 SqlDataSource 控件 和 GridView 控件 实现 显 
示 商 品 信息 和 编辑 商品 信息 的 方法 。ProductInfo 表 中 可 以 包含 种 类 编号 、 商 品 编号 、 名 
称 \ 价 格 、 库 存量 .图片 .尺寸 .添加 日 期 浏览 量 等 。CategoryInfo 可 以 包含 种 类 编号 和 
名 称 。 

(1) 查询 所 有 的 商品 信息 ,并 显示 到 GridView 控件 中 。 

(2) 查询 价格 之 500 元 的 所 有 商品 信息 ,并 显示 到 GridView 控件 中 。 

(3) 查询 所 有 的 价格 在 500 元 以 下 的 连衣裙 (种 类 ) 信 息 并 显示 。 

(4) 向 数据 表 中 添加 商品 信息 。 

(5) 删除 浏览 量 在 10 以 下 的 商品 信息 。 


其 他 数据 控件 


在 第 9 章 中 介绍 了 数据 源 控件 配置 数据 源 连 接 访问 数据 源 的 方法 ,及 GridView 控 
件 以 表格 形式 显示 数据 .编辑 数据 的 方法 。 通 过 第 9 章 的 学 习 , 对 数据 控件 的 作用 和 基 
本 使 用 方法 有 了 一 个 基本 认识 。 在 ASP. NET 中 除了 GridView 控件 ,还 提供 了 多 个 复 
杂 的 数据 绑 定 控件 ,如 FormView、DataList、Repeater、ListView、DetailsView 和 
DataPage 控件 。 这 些 数 据 绑 定 控件 也 可 以 通过 配置 数据 源 控 件 绑 定 数据 库 , 它 们 显示 数 
据 的 风格 各 有 特点 。 本 章 将 介绍 这 些 数据 控件 的 特点 和 基本 使 用 方法 。 

本 章 学 习 目 标 : 

。 了 解 FormView、DataList、Repeater、ListView 控件 显示 数据 的 特点 ; 

。 掌握 FormView、DataList、Repeater、ListView 和 DataPage 控件 的 基本 使 用 

方法 。 


10.1 FommView 控 件 


FormView 控件 可 以 显示 数据 源 中 的 单条 记录 (如 图 10. 1 所 示 ) ,一 条 记录 显示 为 一 
页 。FormView 控件 没有 预定 义 布局 , 它 显示 用 户 定义 的 模板 ,可 以 定义 显示 模板 
(ItemTemplate) .编辑 模板 (EditItemTemplate) 和 插入 模板 (InsertItemTemplate ) 。 
FormView 支持 分 页 显示 功能 。FormView 的 DefaultMode 属性 用 于 设置 初始 时 的 模 
式 , 及 在 执行 取消 、 插 入 和 更 新 命令 后 恢复 的 模式 ,属性 值 有 ReadOnly、Insert 和 Edit。 
下 面 以 实例 的 形式 演示 它 的 数据 绑 定 功能 。 

【实例 10-1】 使 用 FormView 控件 绑 定 Films 数据 库 中 的 filmInfo 表 。 

(1) 新 建 一 个 网 站 chapterl10 ,添加 一 个 数据 库 Films. mdf。 数 据 库 Films. mdf 中 包 
含 一 个 表 filmInfo, 用 于 保存 影片 基本 信息 。 它 包含 10 个 字段 : 影片 编号 (Id) .影片 名 
称 、 主 要 演员 ,发布 时 间 、 影 片 所 属 类 别 、 长 度 、 添 加 时 间 、 浏 览 次 数 、 影 片 简介 ,长 度 的 单 
位 是 分 钟 。 生 成 的 脚本 如 下 。 


CREATE TABLE [dbo]. [filmInfo] ( 
[Id] INT IDENTITY (1, 1) NOT NULL, 
[filmName] NVARCHAR(100) NULL, 
[Roles] NVARCHAR (50) NULL, 
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); 


并 添加 一 些 测 试 数据 。 本 章 将 以 此 数据 库 演示 控件 的 使 用 。 


[releaseTime] DATE NULL, 
[CategoryName] NVARCHAR(50) NULL, 
[length] INT NULL, 
[createTime] DATETIME, NULL, 
[viewCount] INT NULL, 


[description] NVARCHAR(500) NULL, 


[picture] 


PRIMARY KEY 


VARCHAR (50) NULL, 
CLUSTERED ([Id] ASC) 


(2) 在 网 站 根 目 录 添 加 页 面 10-1. aspx, 并 从 [数据 3 选项 卡 向 页 面 中 添加 一 个 
FormView 控件 。 在 【FormVievw 任务 中 新 建 数据 源 . 操 作 参 考 第 9 章 。 连 接 Films 数 
据 库 , 从 filmInfo 表 中 查询 所 有 字段 ,配置 完毕 后 。 设 置 它 的 AllowPaging 为 true。 运 行 
页 面 10-1. aspx 如 图 10. 1 所 示 。 


| Ilocalhost58703/10-1.aspy X 


《 > BD) 富 http//localhost58703/10-1.aspx 


1d: 1 

filmName: 2016 年 315 晚 会 

Roles: cctv 

releaseTime: 2016-3-15 00:00:00 
CategoryName: 晚会 

length: 130 

createTime: 2016-3-16 00:00:00 
viewCount: 100 

description: 
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10.1 FormView 控件 的 显示 效果 


(3) 从 图 10. 1 中 可 以 看 出 ,配置 完毕 默认 显示 的 是 表 中 的 字段 名 。 可 以 使 用 


【FormView 任务 了 中 的 【编辑 模板 】, 选 择 ItemTemplate 模板 ,修改 字段 名 (如 图 10. 2 
所 示 ) 。 


Tasp:formviewsFormViewI 





FormViewl - temTemplate [4] Formview 任务 











ee 模板 纺 名 模式 


全 3 sr. TE 
包机 omeLabel] 模板 篇 邹 

Roles: TRolesLabel’ aa 
releaseTime: 
[releaseTimeLabel] 
CategoryName: 
[CategoryNameLabel] 
length: [lengthLabel] 
createTime: 
[createTimeLabel] 
viewCount: [viewCountLabel] 
description: 
[descriptionLabel] 












































图 10.2 FormView 的 ItemTemplate 模板 
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(4) 配置 完成 后 ,FormView 控件 自动 生成 了 ItemTemplate、EditItemTemplate 和 
InsertItemTemplate 相应 的 代码 。 也 可 以 打开 源 视图 进一步 修改 ,如 字段 名 称 、 绑 定格 式 
等 。 修 改 部 分 字段 名 称 后 的 代码 如 下 。 


<asp:FomView ID= "FormViewl" runat= "server" AllowPaging= "True" DataKeyNames= 
"Id" DataSourceID= "SqlDataSourcel"> 
<EditItemTemplate> 

Ld: 
<asp:Label ID="IdLabell" runat= "server" Text= "<%#Eval ("Id") $>" /> 
<br /> 
filmName: 
<asp:TextBox ID= "filmNameTextBox" runat= "server" Text= 
'<%#Bind("filmName") $>" /> 
<br /> 
Roles: 
<asp:TextBox ID= "RolesTextBox" runat= "server" Text= 
'<%#Bind("Roles") $>"' /> 
<br /> 
releaseTime: 
<asp:TextBox ID= "releaseTimeTextBox" runat= "server" Text= 
'<%#Bind("releaseTime") $>' /> 
<br /> 
CategoryName: 
<asp:TextBox ID= "CategoryNameTextBox" runat= "server" Text= 
'<%#Bind("CategoryName") $>"' /> 
<br /> 
length: 
<asp:TextBox ID= "lengthTextBox" runat= "server" Text= 
'<$#Bind("length") $>"' /> 
<br /> 
createTime: 
<asp:TextBox ID= "createTimeTextBox" runat= "server" Text= 
'<%#Bind("createTime") $>"' /> 
<br /> 
ViewCount: 
<asp:TextBox ID= "viewCountTextBox" runat= "server" Text= 
'<$S#Bind("viewCount") $>" /> 
<br /> 
description: 
<asp:TextBox ID= "descriptionTextBox" runat= "server" Text= 
'<$S#Bind("description") $>"' /> 
<br /> 
<asp:LinkButton ID= "UpdateButton" runat= "server" CausesValidation= 
"True" CommandName= "Update" Text= "更新" /> 
&nbsp;<asp:LinkButton ID= "UpdateCancelButton" runat= "server™" 
CausesValidation= "False" CommandName= "Cancel" Text= "取消 " /> 
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< /EditItemTemplate> 
<InsertItemTemplate> 
filmName: 
<asp:TextBox ID= "filmNameTextBox" runat= "server" Text= 
'<$S#Bind("filmName") $>" /> 
<br /> 
Roles: 
<asp:TextBox ID= "RolesTextBox" runat= "server" Text= 
'<%#Bind("Roles") 当 > /> 
<br /> 
releaseTime: 
<asp:TextBox ID= "releaseTimeTextBox" runat= "server" Text= 
'<$#Bind("releaseTime") $>" /> 
<br /> 
CategoryName: 
<asp:TextBox ID= "CategoryNameTextBox" runat= "server" Text= 
'<%#Bind("CategoryName") $>"' /> 
<br /> 
length: 
<asp:TextBox ID= "lengthTextBox" runat= "server" Text= 
'<%#Bind("length") %>"' /> 
<br /> 
createTime: 
<asp:TextBox ID= "createTimeTextBox" runat= "server" Text= 
'<%#Bind("createTime") $>"' /> 
<br /> 
ViewCount: 
<asp:TextBox ID= "viewCountTextBox" runat= "server" Text= 
'<%#Bind("viewCount") $>"' /> 
< /> 
description: 
<asp:TextBox ID= "descriptionTextBox" runat= "server" Text= 
'<%#Bind("description") $>" /> 
<br /> 
<asp:LinkButton ID= "InsertButton" runat= "server" CausesValidation= 
"True" CommandName= "Insert" Text= "搬入 " /> 
&nbsp;< asp:LinkButton ID= "InsertCancelButton" runat= "SerVer" 
CausesValidation= "False" CommandName= "Cancel" Text= "取消 " /> 
</InsertItemTemplate> 
< ItemTemplate> 
编号 : 
<asp:Label ID= "IdLabel" runat= "server" Text= '<%#Eval ("Id") $>"' /> 
br /> 
影片 名 称 : 
<asp:Label ID= "filmNameLabel" runat= "server" Text= 
'<$S#Bind("filmName") $>" /> 
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演员 : 

<asp:Label ID= "RolesLabel" runat= "server" Text='< 拓 Bind ("Roles")$>" /> 
<br /> 

发 布 时 间 : 


<asp:Label ID= "releaseTimeLabel" runat= "server" Text= 
'<$#Bind("releaseTime") $>"' /> 
<br /> 
影片 分 类 : 
<asp:Label ID= "CategoryNameLabel" runat= "server" Text= 
'<%#Bind("CategoryName") %>" /> 
<br /> 
长 度 : 
<asp:Label ID="lengthLabel" runat= "server" Text='<#Bind("length") $> '/> 
<br /> 
添加 时 间 : 
<asp:Label ID= "createTimeLabel" runat= "server" Text= 
'<$%#Bind("createTime") $>"' /> 
<br /> 
浏览 次 数 : 
<asp:Label ID= "viewCountLabel" runat= "server" Text= 
'<$S#Bind("viewCount") $>" /> 
<br /> 
简介 : 
<asp:Label ID= "descriptionLabel" runat= "server" Text= 
"<s#Bind("description") %$>"' /> 
<br /> 
</ItemTemplate> 


< /asp:FormView> 


(5) 运行 页 面 10-1. aspx, 效 果 如 图 10. 3 所 示 。 每 条 记录 显示 为 一 页 。 


[DS Iocalhost58703/10-1aspy X 
< > BD) http://ocalhost:58703/10-1.aspx 


编号 : 1 

影片 名 称 : 2016 年 315 晚 会 
演员 : CCtV 

发 布 时 间 : 2016-3-15 00:00:00 
影片 分 类 : 晚会 

长 度 : 130 

添加 时 间 : 2016-3-16 00:00:00 
浏览 次 数 : 100 

简介 : 
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10.3 修改 字段 名 后 的 运行 效果 


【实例 10-2】 FormView 控件 实现 编辑 数据 。 
具体 要 求 : 使 用 FormView 控件 绑 定 Films 数据 库 中 的 filmInfo 表 , 并 更 新 记录 和 
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插入 记录 。 

具体 的 操作 步骤 如 下 。 

(1) 打开 10-1. aspx 页 面 ,将 FormView 控件 的 DefaultMode 属性 设 为 Edit, 运 行 页 
面 时 FormView 将 呈现 编辑 模板 的 设置 ,如 图 10.4 所 示 。 单 击 页 码 选择 需要 更 新 的 记 
录 , 在 TextBox 框 内 输入 要 更 新 的 文本 , 单 击 【更 新 ] 按 钮 ,可 以 将 更 新 的 文本 数据 更 新 到 
数据 库 中 , 单 击 【取消 3 按钮 不 更 新 。 


加 localnost58703/10-1aspy X 
《 > BD http//ocalhost58703/10-1aspx 
Id: 1 


fl]mName : |2016 年 315 晚 会 


Roles: |cctv 


releaseTime: |2016-3-15 00:00:00 





CategoryName: | 晚会 | 
length: |130 
createTime: |2016-3-16 00:00:00 


vienCount: 


description: |319| 
更 新 取消 
12 



































10.4 页 面 运行 默认 为 编辑 模板 


(2) 将 FormView 控件 的 DefaultMode 属性 设 为 Insert, 或 者 在 Page_Load 中 添加 
以 下 代码 。 
protected void Page Load (object sender, EventArgs e) 
{ 
FormView] .DefaultMode= FormViewMode.Insert; 
} 


(3) 运行 页 面 10-1. aspx, 效 果 如 图 10. 5 所 示 。FormView 呈现 插入 数据 的 状态 ,在 
文本 框 中 填写 数据 , 单 击 【添加 按钮 可 以 将 当前 数据 添加 到 数据 库 中 。 


《 > ©B D9 六 httpy/localhost58703/10-1aspx 


filmName: 


Roles: 


























releaseTime: 
CategoryName: DLL | 
length: [ | 
createTime: | | 


viewCount: 


desoription: 
插入 取消 



































图 10.5 FormView 的 Insert 模板 运行 效果 
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102 DetailsView 控件 


DetailsView 控件 同 FormView 控件 一 样 可 以 显示 数据 源 中 的 单条 记录 ,只 是 以 表 
格 的 形式 (如 图 10.6 所 示 )。 它 既 支 持 分 页 功能 (AllowPaging 属性 ) ,也 提供 显示 模板 、 
编辑 模板 .插入 模板 ,可 以 进行 更 新 、 删 除 和 插入 操作 。 

10. 6 为 DetailsView 控件 的 默认 显示 效果 (ReadOnly), 也 可 以 通过 改变 
DefaultMode 的 值 改变 默 认 显示 模式 (Edit、Insert)。 











国 1 
filmName 2016 年 315 晚 会 
[Roles ccty 








eleaseTime |2016/3/15 0:00:00 

[CategoryName| 晚 会 

length 130 

createTime |2016/3/16 0:00:00 

lviewCount |200 

3 中 枫 介 济 全 六 吉 守 5 
首先 推出 费 者 权益 日 消费 者 

















有 以 来 ， 晚 会 揭穿 了 
Piption ， 阶 障 和 累 时 维护 了 公平 公正 ， 改 变 了 无 
者 将 为 保护 消费 者 权益 发 出 强 列 呼 沪 。 


lpicture /images/1. jpg 




















10.6 ”DetailsView 控件 的 默认 显示 效果 


同 GridView 控件 一 样 ,通过 [DetailsView 任务 ] 的 【编辑 字段 3 命令 打开 [字段] 对话 
框 (如 图 10.7 所 示 )。 















































































































字段 7 x 

可 用 字段 他; BoundField 属性 (P): 

a BoundField ~ 国 %| F 

a i ShowHeader Te 寺 

er] ere SortExpression filmName 

和 oe ValidateRequestMode Inherit 
由 国 CommandField Visible True 

二 TemplateField 

对 DvnamirField 2 AccessibleHeaderText 

活 mO) Datafield 
选 定 的 字段 (9): DataFormatSting 
Em -| 区 a 
lmName 
HeaderlmageUrl 

Roles » 9 
releaseTime x 
是 categoyName HoaderText 
length 此 字段 的 标 头 内 的 文本 
createTime CR 

自动 生成 字段 (G) TemplateField 

Ei 














10.7 ”DetailsView 控件 的 编辑 字段 对 话 框 
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103 DataList 控件 


DataList 控件 在 数据 的 显示 格式 上 有 很 大 的 灵活 性 , 它 允 许 开 发 人 员 自 定义 数据 显 
示 模 板 。 该 控件 没有 数据 操作 的 功能 ,一 般 与 其 他 控件 (如 GridView 控件 ) 配 合 使 用 。 
该 控件 本 身 不 具备 分 页 功能 ,但 可 编写 一 个 方法 或 存储 过 程 ,根据 传人 的 URL 参数 返回 
需要 显示 的 数据 。 

可 以 通过 DataList 控件 的 属性 RepeatDirection 设置 数据 显示 的 方向 (Vertical 和 
Horizontal) ,RepeatColumns 属性 设置 列 的 数 日 ,RepeatLayout 设置 用 表 结 构 还 是 流 结 
构 显 示 。 下 面 用 实例 演示 DataList 数据 绑 定 和 设置 显示 格式 的 方法 。 

【实例 10-3】 DataList 实现 数据 绑 定 显示 表 数 据 。 

(1) 在 网 站 chapter10 中 新 建 10-2. aspx, 拖 放 一 个 控件 DataList ,配置 数据 源 ,选择 
Films 数据 库 中 的 filmInfo 表 。 并 使 用 自 定义 语句 ,为 字段 增加 别名 ,使 其 显示 为 汉字 。 
DataList 的 代码 如 下 ,默认 只 有 ItemTemplate 元 素 。 

<asp:DataList ID= "DataList1" runat= "server" DataKeyField= "编号 " DataSourceID= 


"SqlDataSourcel" RepeatDirection= "Vertical"> 
< ItemTemplate> 


编号 : 

<asp:Label ID- "编号 Label" runat= "servern TeExt= '< 钙 Eval ("编号 ") $>' /> 

<br /> 

影片 名 称 : 

<asp:Label ID= "影片 名 称 Label" runat= "server" Text= '<%#Eval (" 影 片 名 称 ") $>' / 
> 

<br /> 

演员 : 

<asp:Label ID- "演员 Label" runat="server" TExt= '< 人 Eval ("演员 ") $>' /> 

<br /> 

发 布 时 间 : 

<asp:Label ID= "发 布 时 间 Label" runat= "server" Text= '<%# 了 Eval ("发 布 时 间 ") s> ' / 
<br /> 

分 类 : 

<asp:Label ID= "分 类 Label" runat= "server" TExt= '< 和 Eval (" 分 类 由 $>' /> 

<br /> 

长 度 : 

<asp:Label ID= "长度 Label" runat="server" Text='< 叶 Eval ("长 度 ") /> 

<br /> 

创建 时 间 : 

<asp:Label ID= "创建 时 间 Label" runat= "server" Text= '<&#Eval ("创建 时 间 ") $>' / 
> 


<br /> 
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浏览 次 数 : 
<asp:Label ID= "浏览 次 数 Label" runat= "server" Text= '< 旬 Eval ("浏览 次 数 ") $>'/ 
> 
<br /> 
简介 : 
<asp:Label ID= "简介 Label" runat= "server" Text='< 刍 Eval ("简介 ") %>' /> 
<br /> 
<br /> 
</ItemTemplate> 
< /asp:DataList> 


默认 的 运行 效果 如 图 10. 8 所 示 。 


[9 localhost58703/10-2aspy X 
< > BD http://ocalhost58703/10-2.aspx 


编号 : 1 

影片 名 称 : 2016 年 315 晚 会 
演员 : cctv 

发 布 时 间 : 2016-3-15 00:00:00 
分 类 : 晚会 

长 度 : 130 

创建 时 间 : 2016-3-16 00:00:00 
间 引 : 


编号 : 2 
影片 名 称 : 泰 迪 能 2 


发 布 时 间 : 2015-12-1 00:00:00 
喜剧 
: 90 
创建 时 间 : 2015-12-12 00:00:00 


浏览 次 数 : 50 
简介 : 








10.8 DataList 的 默认 显示 效果 


(2) 设置 DataList 控件 的 RepeatDirection 属性 为 Horizontal。RepeatColumns 属 
性 设置 为 3, 运 行 效果 如 图 10. 9 所 示 。 

【实例 10-4】 使 用 DataList 模板 设计 显示 效果 。 

(1) 将 数据 库 中 影片 相关 的 图 像 文件 (如 1. jpg) 放 在 网 站 chapter10 根 目 录 下 的 
images 文件 夹 中 ,并 在 数据 表 filmJInfo 的 字段 picture 中 录入 影片 的 图 片 路 径 , 如 一 / 
images/1. jpg。 

(2) 在 网 站 chapter10 中 新 建 10-3. aspx, 拖 放 一 个 控件 DataList, 配 置 数 据 源 ,选择 
Films 数据 库 中 的 filmInfo 表 中 的 Id filmName 和 picture 字段 。 

(3) 配置 完成 后 ,在 [DataList 任务 】 中 选择 【编辑 模板 】,DataList 呈现 模板 状态 (如 
图 10. 10 所 示 )。 只 保留 原来 显示 影片 名 称 的 Label 控件 ,删除 其 他 控件 。 添 加 Image 控 
件 ,用 Image 控件 的 ImageUrl 属性 绑 定 图 片 字 段 。 添 加 table, 将 Label 控件 和 Image 控 
件 放 到 表格 中 ,并 使 用 [格式 ] 菜 单 中 的 [对 齐 ]>【 居 中 对 齐 】 ,设置 Label 居中 显示 。 效 果 
如 图 10. 11 所 示 。 
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[9 Iocalhost58703/10-2 aspy X 
《 > BD) http//localhost58703/10-2.aspx 


编号: 1 编号 编号 
Re TS 和 素 迪 能 2 最 和 和 功夫 熊猫 3 


发 布 时 间 ; “2016- 3-15 00:00:00 发 布 时 间 : 2015-12-1 00:00:00 发 布 时 间 : 2016-3-1 00:00:00 
分 类 : 晚会 分 类 : 喜剧 分 类 : 喜剧 


长 度 : 130 村 长 度 ; 95 
创建 时 间 : 2016-3-16 00:00:00 创建 时 间 : 2015-12-12 00:00:00 创建 时 间 : 2016-4-1 00:00:00 
览 次 浏览 ?次 览 次 类 


be 


次 数 : 100 : 50 览 次 数 : 80 
简介 : 简介 : 简介 : 


和 大 学 毕业 演讲 
ri 2015-12-1 00:00:00 
0 
创建 时 间 : 2015-12-1 00:00:00 
浏览 次 数 : 60 


简介 





10.9 修改 DataList 的 显示 方向 和 列 数 的 显示 效果 





DataList2 - 项 模板 


ltemTemplate 








| Datalist2 - 项 模板 








ltemTemplate 


中考 影片 名 称 Label] 示 
图 图 上 Yabol 


























结束 模板 编辑 

















SqlDatasource - Sibssoueez| [ 昧 片 名 称 Label] 























10. 10 ”DataList 的 编辑 模板 图 10. 11 DataList 设计 的 模板 效果 


(4) 设置 DataList 控件 的 RepeatDirection 属性 为 Horizontal。RepeatColumns 属 
性 设置 为 4, 生 成 的 DataList 代码 如 下 。 


<asp:DataList ID= "DataList2" runat= "server" DataSourceID= "SqlDataSourcel" 
RepeatColumns= "4" RepeatDirection= "Horizontal"> 
<ItemTemplate> 
<table> 
<tr> 
<td> 
<asp:Image ID= "Imagel" runat= "server" Height= "173px" ImageUrl= 
'<s#Eval ("图 片 ") $>"' Width="170pzx" /> 
</td> 
</tr> 


<tr> 


Os 其 他 数据 控件 223 





<td style= "text- align: center"> 
<asp:Label ID= "影片 名 称 Label" runat="server" Text='<%#Eval ("影片 名 称 ") 
wa 
</td> 
</tr> 

</table> 

<br /> 

< /ItemTemplate> 
< /asp:DataList> 


SqlDataSourcel 生成 的 代码 如 下 。 


<asp:SqlDatasource ID= "SqlDatasourcel" runat="server" ConnectionString= 

"< %$Connectionstrings:filmConnectionString %$>" SelectCommand= "SELECT 

[filmName] as 影片 名 称 ，[picture] as 图 片 FROM [filmInfo]">< /asp:SqlDataSource> 

(5) 运行 10-3. aspx, 效 果 如 图 10. 12 所 示 , 只 显示 图 片 和 名 称 。 名 称 也 可 以 单 击 时 
链接 到 该 影片 的 详细 页 面 detailsView. aspx, 只 需 将 代码 二 asp: Label ID=" 影 片 名 称 
Label" runat 二 "server”Text 二 ' 二 %# Eval(" 影 片 名 称 ") % 放 ,/ 二 改 为 二 a href = 
"detailsView. aspx? filmId 一 二 % 井 Eval("Id") % 二 "二 二 asp:Label ID 一 "影片 名 称 
Label" runat 二 "server” Text 一 '<% 井 Eval(" 影 片 名 称 ") %V 六 <</a 之 。 对 应 地 在 
detailsView. aspx 页 面 接收 参数 filmld 或 直接 作为 detailsView 控件 的 条 件 来 源 ( 具 体 配 
置 方法 参见 9.4. 3 节 ) 。 
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图 10. 12 ”DataList 编辑 模板 后 的 浏览 效果 
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104 ” ”Repeater 控件 


Repeater 控件 被 称 作 模板 控件 ,是 以 非 表 格 的 形式 显示 数据 。 设 计 者 可 以 自 定义 其 
模板 ,数据 的 呈现 方式 取决 于 控件 模板 的 定制 , 它 没 有 自己 的 默认 呈现 形式 。 当 数据 的 
显示 形式 并 不 仅仅 是 表格 时 就 可 以 使 用 该 控件 。 

每 个 Repeater 控件 必须 至 少 包含 一 个 对 ItemTemplate 的 定义 ,也 就 是 说 ItemTemplate 
是 必 选 的 模板 。 还 有 4 个 可 选 模板 用 来 自 定 义 列表 的 外 观 : AlternatingItemTemplate 、 
SeparatorTemplate .HeaderTemplate、FooterTemplate。 下 面 以 实例 的 形式 演示 Repeater 
控件 的 使 用 。 

【实例 10-5】 演示 Repeater 控件 显示 影片 信息 的 使 用 方法 。 

(1) 在 网 站 chapter9 中 ,添加 10-4. aspx 页 面 ,添加 一 个 Repeater 控件 ,然后 配置 数 
据 源 ,选择 filmInfo 表 中 的 所 有 信息 。 完 成 后 生成 的 Repeater 相关 代码 如 下 。 


<asp:Repeater ID= "Repeaterl" runat= "server" DataSourceID= "SqlDataSourcel"> 
</asp:Repeater> 


生成 的 SqlDataSourcel 相关 的 代码 如 下 。 


<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" ConnectionString= 
"<s$ConnectionStrings:filmConnectionString %>" SelectCommand= "SELECT [Id], 
[filmName], [Roles], [releaseTime], [CategoryName], [length], [createTime], 
[viewCount], [description], [picture] FROM [filmInfo]">< /asp:SqlDataSource> 


(2) Repeater 中 的 模板 需要 手动 添置 。 手 动 添加 后 的 代码 如 下 。 


<asp:Repeater ID= "Repeaterl" runat= "server" DataSourceID= "SqlDataSourcel"> 
< HeaderTemplate> 
<hr color= "# 990033"/> 
< /HeaderTemplate> 
<ItemTemplate> 
影片 名 称 : <%#Eval ("filmName")%> 
<br> 
主要 演员 : <%#Eval ("Roles")%> 
<br> 
剧情 简介 : <&# Eval ("description")®> 
<br> 
</ItemTemplate> 
< SeparatorTemplate> 
<hr/> 
< /SeparatorTemplate> 
< FooterTemplate> 
<hr color= "# 990033"/> 
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< /FooterTemplate> 
< /asp:Repeater> 


HeaderTemplate 定义 头 模 板 的 显示 内 容 。ItemTemplate 定义 体 模板 的 显示 内 容 。 


SeparatorTemplate 定义 记录 间 的 分 隔 部 分 。FooterTemplate 定义 尾 模板 的 显示 内 容 。 


(3) 运行 10-4. aspx, 效 果 如 图 10. 13 所 示 。 头 尾 显示 红色 的 水 平 线 。 记 录 间 用 灰色 
的 水 平 线 分 隔 开 。 


< > © 9 安 htpy/ocalhost58703/10.4aspx f+~v» 国 加 白 三 


2016 年 315 晚 会 














3 5 耽 全 是 中 电视 台 经 济 部 二 1991 年 3 月 15 日 首先 推出 现场 直播 3 15 国际 消 费 者 权 喜 日 消费 者 之 女 专题 昌 全 。 从 开 措 以 来， 晚会 揭穿 了 无 数 的 骗局 、 陷 附和 黑幕 ， 维 护 了 名 
改变 了 无 散人 的 命运 和 ， 入。 此 年 的 3 月 15 目 3 15 晚 会 都 将 为 保护 消费 者 权 茄 发 出 强烈 呼声 




















剧情 阐 人 A 的， 泰 贮 ( 赛 思 ， 素 克 法 兰 Seth RacFarlane 配音 ) 和 泰 米 琳 ( 杰 瑟 卡 i ee Berth 饰 ) 产生 了 要 一 个 孩子 的 省 朱 ， 在 尝试 采种 方法 无 果 后 而 

雇 而 ， ee 个 走 正 的 人”， 而 仅仅 只 是 一 份 “ 财 产 ” ， 他 不 仅 无 法 领养 孩子 ， 还 基 失 了 身 为 一 个 “人 ”的 所 有 公民 权利 一 一 信用 十 
， 和 ， 就 连 节 和 素 米 琳 的 媚 刀 | 

了 ， wt 

剧 | i < 功夫 能 猎 2》 的 剧情 ， 克 事 国 绕 神龙 大 人 快 及 猫 阿 宇 在 探寻 自己 身世 之 这 的 

影 | 大 学 毕业 演讲 

于 马云 

剧 | 名 人 骂 着 在 大 学 毕业 典礼 上 分 享 自 己 的 人 生 既 验 

影 :者 炮 儿 

主要 演员 ， 祝 小 刚 有 

剧 | + 老 炮 儿 在 北京 话 中 ， 专 指 提 笼 于 鸟 ， 无 所 事 事 的 考 混 混 儿 。 

六 入 

加 博 宙 和 苏 野 猴 人 根据 配 克 尔 淘 赔 长 乱 小 说 改编 ， 二 并 被 其 他 猎人 控 走 财物 抽 弃 荡 团 ， 猫 人 经 历 病 蔡奇 迹 存 活 后 开始 复仇 的 故事 ,该 片 在 

2016 年 1 月 获得 利 73 后 将 闫 呈 情 大 最 佳 电 影 大、 最 佳 呈 主角 蒜 和 最 信号 演 奖 。2018 征 2 月 2 ， 训 让 在 第 83 届 各 所 上 会 像 北 同 时 区 于 最 佳 导演 、 最 住 男 主 角 和 曲 住 扳 影 疾 。 











图 10. 13 ”Repeater 控件 的 运行 效果 


10.5 ListView 控件 


ListView 控件 为 显示 ,创建 、 读 取 、 更 新 和 删除 数据 库 操作 提供 了 基于 模板 的 布局 。 
ListView 控件 旨 在 建立 以 数据 为 中 心 的 Web 应 用 程序 ,很 好 地 集成 了 GridView、 
DataList 和 Repeater 的 优点 。 类 似 于 GridView, 它 支持 数据 编辑 .删除 和 分 页 ;类 似 于 
DataList , 它 支 持 多 列 和 多 行 布 局 ;类 似 于 Repeater, 它 允许 完全 控制 控件 生成 的 标记 。 

在 使 用 ListView 控件 时 首先 配置 数据 源 , 然 后 自 定义 模板 。 

ListView 控件 可 使 用 4 种 不 同 的 布局 来 显示 数据 。 单 击 【ListView 任务 了 中 的 【配置 
ListView】 ,可 以 打开 [配置 ListView] 对 话 框 ( 如 图 10. 14 所 示 )。 在 此 对 话 框 中 提供 了 
网 格 . 平 铺 、 项 目 符号 列表 ` 流 .单行 5 种 布局 形式 供 选择 。 每 种 布局 还 可 以 选择 样式 (如 
图 10. 15 所 示 )。 此 外 ,还 可 以 启用 分 页 、 启 用 编辑 等 功能 。 

当 单 击 【 确 定 ] 按 钮 配置 完成 后 ,将 自动 为 ListView 生成 相应 的 模板 。 

ListView 控件 内 置 了 丰富 的 模板 ,如 下 。 

(1) AlternatingItemTemplate: 设置 交替 项 目的 显示 模板 ,便于 区 别 连接 不 断 的 
项 目 。 

(2) EditItemTemplate: 设置 编辑 状态 时 的 显示 项 目 。 

(3) InsertItemTemplate: 设置 插入 状态 时 的 显示 内 容 。 



































































































































RLV 了 区 区 十] 
选择 布局 (U: 瑞 和 
于 Id filmName Roles releaseTime CategoryName length 
项 目 符号 列表 数 
流 
5 据 次 B 绪 定 束 据 绑 数 据 纤 定 。 效 扣 定数 扣 | | 
定 
数 
Gi 据 效 据 绪 定 整 提 绑 数 据 绑 定 。 数据 绑 定数 据 绑 
专业 型 
蓝调 
据 次 绑 定 束 据 绑 数 据 绑 定数 据 绑 定 。。 数据 绑 
DaRwac 数据 绑 数据 绑 
口 BRB 和 AO 绑 数据 绑 定 定 “” 数 据 绑 定数 据 绑 定 和 
口 启用 出 给 (D) 数 | 
回 启用 分 页 
| 握 次 约定 数据 绑 数 据 终 定 。 数据 绑 定 。 束 扣 终 -| 
ER 
10.14 【配置 ListView] 对 话 框 
配置 Lsview 本 本 
选择 布局 (U: mt: 
网 格 四 
Id: 数据 绑 定 |Id: 数据 绑 定 。。 四; 数据 绑 定 
流 filmName: 数据 绑 fillmName: 数据 绑 filmName: 数据 绑 
单行 定 定 定 
Roles: 数据 绑 定 ”Roles: 数据 绑 定 ”Roles: 数据 绑 定 | 
远近 样式 (9): releaseTime: 数 releaseTime: 数 releaseTime: 数 
ER 可 据 绑 定 据 绑 定 据 绑 定 
彩色 型 CategoryName: |CategoryName: CategoryName: 
专业 型 数据 绑 定 数据 绑 定 数据 绑 定 
length: 数据 绑 定 jlength: 数据 绑 定 length: 数据 绑 定 
Id: 数据 绑 定 Id: 数据 绑 定 Id: 数据 绑 定 
filmName: 数据 绑 fmName: 数据 绑 filmName: 数据 绑 
定 定 
Roles: 数据 绑 定 ”|Roles: 数据 绑 定 ”Roles: 数据 绑 定 
releaseTime: 数 IreleaseTime: 数 releaseTime: 数 | 
据 绑 定 据 绑 定 
CategoryName: ICategoryName: |CategoryName: | 
数据 绑 定 ca 
Cm |] 























10.15 选择 布局 及 样式 


(4) ItemTemplate: 设置 ListView 的 显示 内 容 , 为 默认 显示 模板 。 

(5) SelectedItemTemplate: 指定 当前 选中 项 目 内 容 的 显示 。 

(6) ItemSeparatorTemplate: 设置 项 目 之 间 显 示 的 内 容 。 

(7) EmptyDataTemplate: 设置 ListView 数据 源 返 回 空 数据 时 的 显示 。 
(8) EmptyItemTemplate: 设置 空 项 目 时 的 显示 。 
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(9) LayoutTemplate: 指定 定义 容器 对 象 的 根 组 件 ,如 table、div、span 组 件 包 装 
ItemTemplate 或 GroupTemplate。 

(10) GroupTemplate: 为 内 容 指定 一 个 容器 对 象 , 如 一 个 table .div 或 span 组 件 。 

(11) GroupSeparatorTemplate: 设置 项 目 组 内 容 的 显示 。 

选择 平 铺 布局 和 专业 样式 后 ,自动 生成 的 代码 如 下 。 


<asp:ListView ID= "ListViewl" runat= "server" DataKeyNames= "Id" DataSourceID= 
"SqlDataSourcel" GroupItemCount= "3"> 
<AlternatingItemTemplate> 
<td runat= "server" style= "background- color:#FFF8DC;"> Id: 
<asp:Label ID="IdLabel" runat= "server" Text= '<%#Eval ("Id") $>' /> 
<br /> filmName: 
<asp:Label ID= "filmNameLabel" runat= "server" Text= 
'<%#Eval ("filmName") $>" /> 
<br />Roles: 
<asp:Label ID= "RolesLabel" runat= "server" Text= 
"<g# Eval ("Roles") $>"' /> 
<br /> releaseTime: 
<asp:Label ID= "releaseTimeLabel" runat= "server" Text= 
'<%#Eval ("releaseTime") $>' /> 


<br /> CategoryName : 





<asp:Label ID= "CategoryNameLabel" runat= "server" Text= 





'<%#Eval ("CategoryName") $>"' /> 
<br /> length: 
<asp:Label ID= "lengthLabel" runat= "server" Text= 
'<%#Eval ("length") $>"' /> 
<br /></td> 

</AlternatingItemTemplate> 

<EditItemTemplate> 

<td runat= "server" style= "background- color:# 008A8C;color: #FFFFFF;"> Id: 

<asp:Label ID="IdLabell" runat= "server" Text= '<%#Eval ("Id") $>" /> 
<br /> filmName: 
<asp:TextBox ID= "filmNameTextBox" runat= "server" Text= 
'<%#Bind ("filmName") %>" /> 
<br />Roles: 
<asp:TextBox ID= "RolesTextBox" runat= "server" Text= 
'<%#Bind ("Roles") $>"' /> 
<br /> releaseTime: 
<asp:TextBox ID= "releaseTimeTextBox" runat= "server" Text= 
'<$#Bind("releaseTime") $>"' /> 


<br /> CategoryName: 
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<asp:TextBox ID= "CategoryNameTextBox" runat= "server" Text= 
'<%#Bind ("CategoryName") $>"' /> 
<br /> length: 
<asp:TextBox ID= "lengthTextBox" runat= "server" Text= 
'<$%#Bind("length") $>"' /> 
<br /> 
<asp:Button ID= "UpdateButton" runat= "server" CommandName= 
"Update" Text=" 更 新 " /> 
<br /> 
<asp:Button ID= "CancelButton" runat= "server" CommandName= 
"Cancel" Text= "取消 " /> 
<br />< /td> 
</EditItemTemplate> 
< EmptyDataTemplate> 
<table runat= "server" style= "background- color: #FFFFFF;border- 
collapse: collapse;border- color: #999999;border- style:none; 
border- width:1px; "> 
EE 
<td> 未 返回 数据 。< /td> 
</tr> 
< /table> 
< /EmptyDataTemplate> 
< EmptyItemTemplate> 
<td runat= "server" /> 
< /EmptyItemTemplate> 
<GroupTemplate> 
<tr id= "itemPlaceholderContainer"” runat= "server"> 
<td id= "itemPlaceholder" runat= "server">< /td> 
</tr> 
< /GroupTemplate> 
<InsertItemTemplate> 
<td runat= "server" style=""> filmName: 
<asp:TextBox ID= "filmNameTextBox" runat= "server" Text= 
'<%#Bind ("filmName") $>" /> 
<br />Roles: 
<asp:TextBox ID= "RolesTextBox" runat= "server" Text= 
'<%#Bind ("Roles") $>"' /> 
<br /> releaseTime: 
<asp:TextBox ID= "releaseTimeTextBox" runat= "server" Text= 
'<$#Bind("releaseTime") $>"' /> 


<br /> CategoryName: 
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<asp:TextBox ID= "CategoryNameTextBox" runat= "server" Text= 
'<%#Bind ("CategoryName") $>"' /> 
<br /> length: 
<asp:TextBox ID= "lengthTextBox" runat= "server" Text= '<%#Bind 
("length") $>" /> 
<br /> 
<asp:Button ID= "InsertButton" runat= "server" CommandName= 
"Insert" Text=" 插 入 " /> 
<br /> 
<asp:Button ID= "CancelButton" runat= "server" CommandName= 
"Cancel" Text= "清除 " /> 
<br /></td> 

</InsertItemTemplate> 

<ItemTemplate> 

<td runat= "server" style= "background- color:# DCDCDC; color: #000000;"> Id: 

<asp:Label ID="IdLabel" runat= "server" Text= '<%#Eval ("Id") $>' /> 
<br /> filmName: 
<asp:Label ID= "filmNameLabel" runat= "server" Text= 
'<%#Eval ("filmName") $>"' /> 
<br />Roles: 
<asp:Label ID= "RolesLabel" runat= "server" Text= 
'<%#Eval ("Roles") $>"' /> 
<br /> releaseTime: 
<asp:Label ID= "releaseTimeLabel" runat= "server" Text= 
'<%#Eval ("releaseTime") $>' /> 
<br /> CategoryName: 
<asp:Label ID= "CategoryNameLabel" runat= "server" Text= 
'<%#Eval ("CategoryName") $>" /> 
<br /> length: 
<asp:Label ID= "lengthLabel" runat= "server" Text= 
'<%#Eval ("length") $>"' /> 
<br /></td> 

</SelectedItemTemplate> 


< /asp:ListView> 
生成 的 SqlDataSourcel 相关 的 代码 如 下 。 


<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" Connectionstring= 
"<%$Connectionstrings:filmConnectionString %>" SelectCommand= "SELECT [Id], 
[filmName], [Roles], [releaseTime], [CategoryName], [length] FROM [filmInfo]"> 

< /asp:SqlDataSource> 

</div> 
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ListView 控件 内 置 了 丰富 的 模板 ,可 以 通过 【ListView 任务 了 中 的 【当前 视图 来 选 
择 不 同 的 模板 进行 设置 (如 图 10. 16 所 示 )。 


asp:istview#Lisvienl] 
ListViewl - EditItemTemplate ListView 任务 
: [IdLabel1] 选择 数据 源 : |SqlDataSourcel 

filmName: 

Roles: WE 

releaseTime: | J 课 构 


CategoryName: 配置 ListView. 


Template “| 加 | 



































EdititemTemplate 
EmptyDataTemplate 








取 
第 一 页 | 上 -页 | 下 -页 最 后 一 页 | 
CF 


SqlDataSource - SqlDataSourcel 





EmptyltemTemplate 
InsertltemTemplate 
ItemTemplate 
SelectedltemTemplate 








图 10.16 ListView 控件 选择 不 同 的 模板 功能 


当选 插 [ 启 用 分 页 了 后 自动 增加 一 个 DataPage 控件 ,来 实现 分 页 功能 。 代 码 如 下 。 


<asp:DataPager ID= "DataPager1l" runat= "server" PageSize= "12"> 
<Fields> 
<asp:NextPreviousPagerField ButtonType= "Button" ShowFirstPage- 
Button= "True" ShowLastPageButton= "True" /> 
< /Fields> 
< /asp:DataPager> 


DataPager 控件 可 以 实现 数据 分 页 的 功能 ,可 以 放 在 ListView 控件 的 
LayOutTemplate 模板 内 ,为 ListView 控件 实现 分 页 功能 。PageSize 设置 一 页 显示 的 记 
录 数 。 


10.6 ”DataPager 控件 


DataPager 是 一 个 单独 的 控件 ,可 用 它 来 扩展 另 一 个 数据 绑 定 控件 。 目 前 ,只 能 使 用 
DataPager 为 ListView 控件 提供 分 页 功能 ,将 DataPager 与 ListView 控件 关联 后 ,分 页 
将 自动 完成 。 将 DataPager 与 ListView 控件 关联 有 以 下 两 种 方法 。 

(1) 在 ListView 控件 的 LayoutTemplate 模板 中 定义 它 。 此 时 ,DataPager 将 明确 它 
将 给 哪个 控件 提供 分 页 功能 ( 见 10. 4 节 )。 

(2) 在 ListView 控件 外 部 定义 它 。 需 要 将 DataPager 的 PagedControlID 属性 设置 
为 有 效 ListView 控件 的 ID。 如 果 想 将 DataPager 控件 放 到 页 面 不 同 的 地 方 ,例如 
Footer 或 SideBar 区 域 , 也 可 以 在 ListView 控件 的 外 部 进行 定义 。 

DataPager 控件 包括 两 种 样式 ,一 种 是 * 上 一 页 /下 一 页 ”样式 ,第 二 种 是 “数字 ”样式 
(如 图 10. 17 所 示 )。ButtonType 设置 按钮 的 显示 外 观 , 有 Link、Image 和 Button 可 选 。 
在 图 10. 17 中 可 以 设置 第 一 页 、 上 一 页 、 下 一 页 、 最 后 一 页 的 显示 文字 、 图 片 等 。 
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可 用 字段 (A): “下 一 页 ”/“ 上 一 页 ”页 导航 字段 尾 性 (p): 
-am “下 一 页 ”/“ 上 一 页 ”页 导航 字段 国 针 | 里 
加 数字 页 导航 字段 ShowpreviouspageBlTrue 
- 回 模板 页 导航 字段 Visible True 
ButtonCssClass 
Link 四 
FirstpageImageunl 
FirstPageText 第 一 页 
WD) LastPagelmageUrl 
选 定 的 字段 (9): LastPageText 最 后 一 页 
二 NextPagelmageUrl 
ms [ | NextPageText 下 一 页 
[vw | PreviousPagelmagel 
PreviousPageText ”| 上 一 页 
Ea 
ButtonType 
页 导航 字段 内 所 包含 按钮 的 类 型 . 
| 





10. 17 DataPager 控件 的 分 页 样式 设置 


小 结 


ASP. NET 提供 了 多 个 复杂 的 数据 绑 定 控件 ,本 童 介绍 了 除 GridView 控件 外 的 其 
他 复杂 数据 绑 定 控件 : FormView、DataList、Repeater、ListView 和 DataPage 控件 。 通 
过 实例 介绍 了 这 些 数据 绑 定 控件 的 特点 和 基本 使 用 方法 。GridView 是 以 表格 形式 呈现 
的 ,具有 很 强 的 数据 呈现 和 编辑 功能 。 有 时 候 也 需要 非 表 格 形式 呈现 ,或 需要 更 灵活 的 
数据 呈现 形式 ,这 时 候 可 以 借助 于 其 他 数据 绑 定 控件 来 实现 。 

FormView 控件 可 以 显示 数据 源 中 的 单条 记录 ,一 条 记录 显示 为 一 页 。FormView 
控件 没有 预定 义 布 局 , 它 显 示 用 户 定义 的 模板 ,可 以 定义 显示 模板 (ItemTemplate) 、 编 辑 
模板 (EditItemTemplate) 和 插入 模板 (InsertItemTemplate)。FormView 支持 分 页 显示 
功能 。 

DetailsView 控件 同 FormView 控件 一 样 可 以 显示 数据 源 中 的 单条 记录 ,只 是 以 表 
格 的 形式 。 它 也 支持 分 页 功能 (AllowPaging 属性 ) ,也 提供 显示 模板 、 编 辑 模板 、 插 和 人 模 
板 , 可 以 进行 更 新 、 删 除 和 插入 操作 。 

DataList 控件 在 数据 的 显示 格式 上 有 很 大 的 灵活 性 , 它 允 许 开发 人 员 自 定义 数据 显 
示 模 板 。 该 控件 没有 数据 操作 的 功能 ,一 般 与 其 他 控件 (如 GridView 控件 ) 配 合 使 用 。 
该 控件 本 身 不 具备 分 页 功能 。 

Repeater 控件 被 称 作 模 板 控 件 , 是 以 非 表 格 的 形式 显示 数据 。 设 计 者 可 以 自 定义 其 
模板 ,数据 的 呈现 方式 取决 于 控件 模板 的 定制 , 它 没有 自己 的 默认 呈现 形式 。 

ListView 控件 为 显示 创建, 读 取 、 更 新 和 删除 数据 库 操作 提供 了 基于 模板 的 布局 。 
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ListView 控件 旨 在 建立 以 数据 为 中 心 的 Web 应 用 程序 。 
DataPager 控件 可 以 放 在 ListView 控件 的 LayOutTemplate 模板 内 ,为 ListView 控 
件 实现 分 页 功能 。 


旨 后 习 本 


1. 填空 题 

(1) FormView 控件 运行 时 默认 为 ReadOnly 状态 ,设置 属性 为 Insert, 可 
使 FormView 控件 运行 时 默认 呈现 插入 模板 。 

(2) DataList 控件 的 属性 设置 为 Horizontal 可 使 数据 按 水 平方 向 排序 显 
示 ， 属性 设置 列 的 数目 。 

(3) 每 个 Repeater 控件 必须 至 少 包含 一 个 模板 的 定义 。 

(4) 控件 可 使 用 4 种 不 同 的 布局 显示 数据 。 

(5) 控件 可 以 放 在 ListView 控件 的 LayOutTemplate 模板 内 ,为 ListView 
控件 实现 分 页 功能 。 

2. 上 机 操作 题 

上 机 目的 : 


了 解 FormView、DataList、Repeater、ListView 控件 呈现 数据 的 形式 ; 

掌握 FormView、DataList、Repeater、ListView 控件 显示 或 编辑 数据 的 方法 。 

上 机 内 容 : 

在 数据 库 Films. mdf 中 添加 表 filmComment 保存 影片 评论 信息 。filmComment 表 
中 可 以 包含 影片 编号 .用户 编号 .评论 内 容 . 评 论 时 间 、 评 分 等 。 选 择 合适 的 数据 绑 定 控 
件 显示 影片 评论 信息 ,并 可 以 添加 新 的 影片 评论 。 
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LINQ 技术 


LINQ(Language Integrated Query, 语 言 集成 查询 ) 是 . NET 中 一 项 具有 突破 性 的 创 
新 ,是 一 种 统一 的 查询 模式 , 它 在 对 象 和 数据 之 间架 起 了 一 座 桥梁 。LINQ 不 仅 查 询 外 部 
数据 ,还 可 以 方便 地 对 内 存 中 的 数据 进行 查询 。 此 外 ,LINQ 还 提供 了 语法 检查 .丰富 的 
元 数据 .智能 感知 .静态 类 型 等 强 类 型 语言 的 优点 。 使 用 LINQ 模仿 SQL 语句 的 形式 进 
行 查询 , 极 大 地 降低 了 开发 难度 。 

本 章 首 先 介绍 LINQ 的 作用 ,然后 介绍 查询 运算 符 和 查询 表达 式 的 使 用 ,最 后 介绍 
LINQ 到 SQL 和 LINQ 到 XML 等 的 使 用 。 

本 章 学 习 目 标 : 

。 理解 LINQ 的 作用 ; 

。 掌握 LINQ 到 SQL 的 查询 操作 ; 

。 了解 LINQ 到 XML 的 查询 操作 ; 

。 掌握 LINQ 的 基本 运算 符 和 查询 表达 式 。 
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一 个 完整 的 网 站 肯定 离 不 开 对 各 种 数据 的 操作 ,如 获取 数据 ,存储 数据 修改 数据 
等 。 程 序 中 的 外 部 数据 来 源 主要 有 两 方面 : 一 个 是 关系 数据 库 中 的 信息 ; 另 一 个 是 很 流 
行 的 XML 数据 格式 文件 ,如 Web. config、* .XML 等 。 除了 这 两 个 常见 的 外 部 数据 源 
外 ,还 可 以 处 理 数 组 .List 二 二 泛 型 中 的 数据 。 

. NET 3.5 以 上 版 本 提供 了 一 种 LINQ 技术 。 它 的 目的 是 提供 一 种 统一 且 对 等 的 方 
式 , 让 程序 员 在 广义 的 数据 上 操作 “数据 ”。 通 过 使 用 LINQ 能 够 在 编程 语言 内 直接 创建 
查询 表达 式 的 实体 。 这 些 查询 表达 式 是 基于 许多 查询 运算 符 的 , 它 类 似 于 SQL 表达 式 。 
LINQ 允许 查询 表达 式 以 统一 的 方式 来 操作 任何 实现 了 IEnumerable<T 之 接口 的 对 象 、 
关系 数据 库 或 XML 文档 。 


1. LINQ 的 组 件 


LINQ 提供 了 4 个 组 件 : LINQ to SQL LINQ to XML LINQ to Objects 和 LINQ 
to DataSet( 见 表 11. 1)。 
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表 11.1 LINQ 的 4 个 组 件 

















组 件 名 作 用 
LINQ to SQL 访问 并 操作 关系 数据 库 
LINQ to XML 访问 并 操作 XML 文档 
LINQ to Objects 访问 并 操作 内 存 中 集合 类 型 的 数据 对 象 
LINQ to DataSet 访问 并 操作 DataSet 对 象 类 型 的 数据 对 象 


LINQ to SQL 实现 将 查询 转换 为 SQL 语句 ,然后 该 SQL 语句 被 发 送 到 数据 库 执行 
一 般 的 操作 。 访 问 数据 库 的 代码 简便 了 许多 。 

LINQ to XML 可 以 对 内 存 中 的 XML 文档 查询 元 素 和 属性 的 集合 。 可 以 实现 从 文 
件 或 流 加 载 XML; 将 XML 序列 化 为 文件 或 流 ; 使 用 函数 构造 从 头 开 始 创建 XML 等 。 

LINQ to Objects 可 以 从 任何 实现 了 IEnumerable 二 T 二 接口 的 对 象 中 查询 数据 。 
IEnumerable 二 T 志 接口 的 对 象 在 LINQ 中 叫 作 序列 。 在 . NET 框架 中 ,几乎 所 有 的 泛 型 
类 型 的 集合 都 实现 了 IEnumerable<<T 过 接口 。 通 过 LINQ to Objects 可 以 查询 的 集合 
类 型 有 数组 `. 泛 型 列表 、 泛 型 字典 .字符 串 等 。 


2. LINQ 相关 的 命名 空间 


当 使 用 LINQ 技术 时 ,常用 的 命名 空间 有 以 下 几 个 。 

System. Data. Linq: 包含 与 LINQ to SQL 应 用 程序 中 的 关系 数据 库 进 行 交互 的 类 。 

System. Data. Linq. Mapping: 包含 用 于 生成 表示 关系 数据 库 的 结构 和 内 容 的 LINQ 
to SQL 对 象 模型 的 类 。 

System. Data. Linq. SqlClient: 包含 与 SQL Server 进行 通信 的 提供 程序 类 ,以 及 查 
询 帮助 器 方法 的 类 。 

System. Linq: 提供 支持 使 用 LINQ 进行 查询 的 类 和 接口 。 

System. Linq. Expression: 包含 一 些 类 接口 和 枚 举 ,它们 使 语言 级 别 的 代码 表达 式 
表示 为 树 形式 的 对 象 。 

System. XML. Linq: 包含 LINQ to XML 的 类 。 


112 LINQ 查 和 列 麦 达 交 


LINQ 查询 包含 三 个 不 同 的 .独立 的 步骤 : 

(1) 获取 数据 源 ; 

(2) 创建 查询 ; 

(3) 执行 查询 。 

LINQ 中 使 用 隐 含 类 型 局 部 变量 定义 方式 ,可 以 用 关键 字 var 定义 任何 类 型 的 变量 ， 
可 以 是 整 型 或 字符 串 ,甚至 可 以 是 自 定义 类 型 。 例 如 : 


Var no= "2016010101"; 
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Var age= 20; 

var arrl=new string[3]; 

LINQ 中 还 可 以 使 用 匿名 类 型 。 匿 名 类 型 是 程序 员 自 定义 的 一 个 类 型 ,但 不 需要 显 
式 地 定义 ,匿名 类 型 经 常会 和 var 一 起 使 用 。 例 如 : 


var student=new{name= "rose",age= 20}; 


并 引用 ,格式 如 下 : 


Response.Write ("姓名 : "+student .name); 

Response.Write ("性 别 : "+student .age); 

LINQ 查询 的 常用 子 句 包括 from、select、where、orderby 和 group 等 。 下 面 介绍 如 
何 通 过 这 些 子 句 构建 LINQ 查询 表达 式 。 

每 个 LINQ 查询 表达 式 都 是 使 用 from ,in 和 select 运算 符 来 建立 的 ,语法 格式 如 : 

var <lingqResult>=from < item> in <dataSource> select < item>; 
其 中 ,linqResult 是 一 个 变量 ,item( 项 目 ) 是 项 目 名 称 ,dataSource( 数 据 源 ) 是 数据 源 。 

查询 表达 式 就 是 从 一 个 数据 源 (dataSource) 中 挑 出 每 个 符合 条 件 的 项 目 (item)。 查 
询 结 果 保 存在 结果 变量 中 。 例 如 : 

var linqResult= from name in student select name; 


如 果 要 获取 数据 源 中 的 特定 子 集 , 可 以 使 用 where 运算 符 ,后 跟 条 件 表达 式 
(condition expression) ,语法 格式 是 : 


var <linqResult>=from < item> in < dataSource> where< condition expression> 


Select <item>; 
例如 : 
var LinqResult= from name in student where name.Length< 10 select name; 


如 果 要 按照 某 项 对 查询 结果 集 进 行 排序 ,可 以 使 用 orderby 运算 符 。 默 认 情 况 下 , 按 
升序 排列 ,字符 串 按 字母 表 来 排序 ,数值 数据 从 小 到 大 排序 。 如 果 要 降序 排列 ,需要 包含 
一 个 descending 运算 符 。 语 法 格式 : 

var <lingqResult>=from < item> in <dataSource> where< condition expression> 


orderby < field>ascending/descending 
select <item>; 


例如 : 


var lingResult= from name in student where name.Length<10 
order by name descending 


select name; 
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读 取 查询 结果 集中 的 数据 项 时 ,使 用 foreach 语句 ,格式 : 


foreach (var i in linqResult) 


Response.Write (i+"<br>")7 


113 使 用 LINQ 查 列 数 组 


使 用 LINQ to Objects 可 以 查询 实现 了 IEnumerable 二 T 才 接口 的 对 象 中 的 数据 ,下 
面 演示 从 数组 中 查询 并 显示 数据 。 

【实例 11-1】 使 用 LINQ to Objects 查询 数组 studentNo 中 大 于 3 的 数值 。 

(1) 新 建 空 网 站 chapter11, 添 加 页 面 11-1. aspx。 向 页 面 中 添加 一 个 Buttonl 按钮 ， 
在 Click 事件 中 添加 如 下 代码 。 





using System.Linq7 
protected void Buttonl Click (object sender, EventArgs e) 
{ 
int[] studentNo=new int [10]; // 定 义 int 型 数组 studentNo 
for (int i=0; i<10; i++) // 使 用 循环 为 数组 studentNo 元 素 赋 值 : 1~ 10 
{ 
studentNo[i]=i+1; 
} 
var result= from no in studentNo where no >3 select no; // 定 义 LINQ 查 询 表达 式 
foreach (var no in result) // 读 取 结 果 并 输出 
Response.Write (no+ "<br>")7 
} 


(2) 运行 页 面 11-1. aspx, 单 击 按钮 时 效果 如 图 11. 1 所 示 。 输 出 了 数组 中 大 于 3 的 值 。 


[ localhost62616/chapter17 X 


《 > BO http//ocalhost:62616/chapter11/11-1.aspx 





0 


11.1 11-1. aspx 的 运行 效果 





114 使 用 LINQto SQL 查询 关系 数据 库 


LINQ to SQL 就 是 把 LINQ 查询 表达 式 访 问 关 系数 据 库 ,进行 查询 .修改 .插入 和 删 
除 等 操作 ,就 如 同 访问 内 存 中 的 集合 一 样 。 主 要 目的 是 在 关系 数据 库 和 它们 进行 交互 的 
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编程 逻辑 间 提 供 一 致 性 。 例 如 ,不 再 使 用 一 个 字符 串 而 使 用 强 类 型 的 LINQ 查询 来 表示 
数据 库 查询 。 特 别 是 ,以 往 SQL 语句 的 语法 错误 在 运行 时 才能 发 现 ,LINQ 语句 在 编译 
期 间 就 会 检查 语法 错误 。LINQ to SQL 允许 读者 把 数据 访问 直接 集成 在 C# 代码 库 中 ， 
提高 了 开发 效率 。 

当 用 LINQ to SQL 编程 时 ,不 需要 使 用 SqlConnection、SqlCommand、SqlDataAdapter 等 
常见 的 ADO.NET 对 象 。 通 过 LINQ 查询 表达 式 和 定义 的 实体 类 、DataContext 类 型 ， 
读者 可 以 进行 数据 库 的 创建 获取 、 更 新 和 删除 操作 ,定义 事务 性 上 下 文 ,创建 新 的 数据 
库 实 体 (或 整个 数据 库 ) ,调用 存储 过 程 以 及 其 他 以 数据 库 为 中 心 的 活动 等 。 


114.1 DataConteX 类 和 实体 对 象 


DataContext 类 位 于 System. Data. Ling 命名 空间 下 ,是 一 个 用 于 操作 数据 库 的 类 ， 
它 的 功能 描述 如 下 。 

(1) 把 查询 语句 转换 成 SQL 语句 。 

(2) 从 数据 库 中 查询 数据 。 

(3) 将 实体 的 修改 写 人 数据 库 。 

(4) 以 日 志 的 形式 记录 生成 的 SQL 语句 。 

(5) 实体 对 象 的 识别 。 

要 实现 LINQ to SQL, 分 为 以 下 两 大 步 。 

(1) 必须 根据 现 有 关系 数据 库 的 元 数据 创建 对 象 模型 。 可 以 使 用 对 象 关 系 设计 器 或 
直接 编写 代码 。 

(2) 请 求 和 操作 数据 库 。 

Visual Studio 2012 提供 了 自动 将 数据 表 生 成 实体 类 的 功能 。 下 面 说 明 使 用 对 象 关 
系 设计 器 来 生成 表 bookInfo 的 实体 类 的 主要 步骤 。 

(1) 在 网 站 chapterll 中 , 右 击 网 站 名 ,选择 【添加 新 项 】, 在 弹出 的 对 话 框 中 ,选择 
LINQ to SQL 类 ,修改 名 称 , 这 里 是 BookClasses. dbml( 如 图 11.2 所 示 )。 单 击 【 确 定 ] 按 
钮 将 弹出 如 图 11. 3 所 示 的 提示 框 , 单 击 【 是 按钮 ,将 要 生成 的 文件 放 入 App_Code 文件 
夹 中 。 

(2) 完成 后 ,将 在 【解决 方案 资源 管理 器 ] 中 生成 BookClasses. dbml 文件 ,用 于 定义 
数据 库 的 框架 。 它 包含 的 BookClasses. dbml. layout 文件 用 于 定义 每 个 表 在 设计 视图 中 
的 布局 。 包 含 的 BookClasses. designer. cs 文件 用 于 包含 自动 生成 的 类 (如 图 11. 4 
所 示 )。 

(3) 从 【服务 器 资源 管理 器 】 中 ,将 bookInfo 表 拖 入 BookClasses. dbml 文件 中 ,系统 
将 自动 生成 bookInfo 表 的 实体 类 ,如 图 11. 5 所 示 。 如 果 【 服 务 器 资源 管理 器 】 中 没有 数 
据 连 接 , 可 以 右 击 【数据 连接 3 选择 [添加 连接 】 了 。 
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您 正在 尝试 梅 特殊 文件 类 型 (LINQ to SQL 羯 添加 到 ASP.NET 网 站 。 问 “chapter11”(1 个 项 目 ) 


通常 ,要 在 网 站 中 使 用 此 类 型 的 项 ， 应 将 其 放 在 “App_Code” 文 件 夫 - 
中 。 是 否 将 该 文件 放 在 “App_Code” 文 件 卖 中 ? 4 加 AppCode 
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图 11.3 提示 框 图 11.4 生成 的 BookClasses. dbml 文件 





通过 棕 项 从 服务 器 资源 管理 匡 中 拖 到 此 设计 图 面 | 
上 来 创建 方法 














图 11.5 ”bookInfo 表 的 实体 类 
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1142 UNQ 数 据 操作 


本 节 介 绍 如 何 通过 LINQ to SQL 实现 对 SQL Server 的 查询 ,增加 修改 和 删除 数据 
操作 。 

在 添加 引用 命名 空间 代码 using System. Data. Linq; 之 前 ,需要 手动 添加 引用 。 具 体 
操作 为 ,在 [解决 方案 资源 管理 器 ] 中 , 右 击 网 站 名 ,选择 【添加 引用 】 ,在 弹出 的 对 话 框 中 
选择 需要 的 程序 集 ,这 里 选择 System. Data. Linq( 如 图 11.6 所 示 )。 











引用 管理 器 - WebSite1(3) EE | 
[om NET Fremework4s rE 
C3 | sm 
扩展 System.ComponentModelCompositon 40.0.0 Accessibilty 
System.ComponentModel.Composition.Re... 4.0.0.0 
最 近 System.ComponentModel.DataAnnotations 40.0.0 FT 二 
， 解决 方案 System.Configuration 4.000 
System.Configuration.Install 4.000 .00 
b COM System.Core 4000 文件 版 本 : 
System.Data 4.0.00 4.0.30319.17929 built by: 
* 浏览 System.Data.DataSetExtensions 4.0.00 FX45RTMREL 
System.Data.Entity 4000 
| System.Data.Entity Design 4000 
System.Data.Linq 4000 
System.Data.OracleClient 40.0.0 
System.Data.Services 4.000 
System.Data.Services.Client 40.0.0 
System.Data.Services.Design 40.0.0 
System.Data.SqlXml 40.00 
System.Deployment 40.00 
System.Design 40.00 
System.Device 4.000 
System.DirectoryServices 4.0.0.0 
System.DirectoryServicesAccountManage.。 4.0.0.0 
System.DirectoryServices.protocols 4000 
System.Drawing 4.0.00 
System.Drawing.Design 4000 
Ee Annn 



































图 11.6 添加 引用 
下 面 用 案例 来 演示 使 用 LINQ to SQL 操作 数据 库 的 方法 。 
1. LINQ 查询 数据 


【实例 11-2】 利用 11.4.1 节 中 创建 bookInfo 表 的 实体 类 ,使 用 LINQ to SQL 查询 
bookInfo 中 的 所 有 信息 。 

(1) 在 网 站 chapterll 中 ,添加 11-2. aspx 页 面 ,添加 一 个 Textbox、 一 个 Button 和 一 
个 GridView 控件 。 

(2) 在 11-2. aspx .cs 文件 中 ,添加 引用 : 


using System.Data.Linqg; 
(3) 双击 Buttonl 按钮 ,在 Buttonl_Click 事件 中 添加 如 下 代码 。 


Protected void Button1_ Click (object sender, EventArgs e) 
{ 
// 从 TextBoxl 中 获取 查询 条 件 ,并 转换 为 int 型 
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int strCond= int .Parse (TextBox] .Text); 
// 实 例 化 BookClassesDataContext 
BookClassesDataContext db= new BookClassesDataContext (); 

Var bookIn= from book in db.bookInfo where book.Price < strCond select book; 
GridViewl .DataSource=bookIn; 
GridView]l .DataBind(); 


} 


(4) 运行 11-2. aspx, 在 文本 框 内 输入 “100”, 单 击 【 查 询 ] 按 钮 , 即 可 查询 价格 低 于 


100 的 图 书信 息 ,效果 如 图 11.7 所 示 。 


[5 localhost62616/chapter11 [又 | 
《 > BD | http//ocalhost62616/chapter11/11-2aspx 


] [ 国 昌 | 
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11.7 页 面 11-2 运行 后 的 查询 效果 


2. LINQ 向 数据 库 中 插入 数据 


LINQ 插入 行 的 操作 步骤 如 下 。 
(1) 创建 一 个 要 提交 到 数据 库 的 新 对 象 ; 


(2) 将 这 个 新 对 象 添 加 到 与 数据 库 中 目标 数据 表 关 联 的 LINQ to SQL Table 集合 ; 


(3) 将 更 改 提交 到 数据 库 。 


【实例 11-3】 


bookInfo 中 插入 记录 。 


(1) 在 网 站 chapterll 中 添加 页 面 11-3. aspx, 并 添加 4 个 TextBox 控件 ,一 个 


利用 11. 4. 1 节 中 创建 bookInfo 表 的 实体 类 ,使 用 LINQ to SQL 向 


Button 控件 和 一 个 GridView 控件 。 修 改 页 面 和 控件 的 显示 文本 (如 图 11. 8 所 示 ) 。 


(2) 在 11-3.aspx. cs 文件 中 ,添加 代码 实现 页 面 加 载 时 GridView 进行 数据 绑 定 , 代 


码 如 下 。 


protected void Page Load (object sender, EventArgs e) 


{ 


} 


private void gvBind() 


{ 


gvBind 


0; 


// 调 用 自 定义 方法 gvBind() 


BookClassesDataContext db= new BookClassesDataContext (); 


Var bookIn= from book in db.bookInfo select book; 


GridView]l .DataSource=bookIn; 
GridView]l .DataBind(); 


#0 UNQ 技 术 241 





} 


gvBind() 是 一 个 自 定义 的 方法 ,借助 BookClassesDataContext 对 象 实现 对 数据 库 的 
查询 。 
(3) 在 Buttonl_Click 事件 中 ,添加 代码 ,实现 插入 新 书 功能 。 


protected void Button] Click (object sender, EventArgs e) 
下 
BookClassesDataContext db= new BookClassesDataContext () 7 
bookInfo book= new bookInfo (); 
book.categoryID= int.Parse (txtCategory.Text.Trim()); 
book.Name= txtName.Text; 
book.ISBN= txtISBN.Text.Trim(); 
book.Press= txtPress.Text; 
qdb.bookInfo.InsertOnSubmit (book); 
db.SubmitChanges (); 
gvBind (); 
} 


代码 中 创建 了 一 个 bookInfo 对 象 book, 通 过 相应 的 文本 框 对 其 各 个 属性 进行 赋值 ， 
然后 通过 BookClassesDataContext 对 象 db 把 数据 插入 到 数据 库 中 。 

(4) 运行 页 面 11-3. aspx, 在 文本 框 内 输入 信息 , 单 击 【 添 加 新 书 ] 按 钮 , 即 可 实现 插入 
功能 ,效果 如 图 11. 8 所 示 。 


《 > BD) http//ocalhost:62616/chapter11/11-3.aspx 













































































图 书 类 别 。 上 2 
图 书 名 称 ，。 也 子 商务 
ISBN: [9781234567899 ] 
出 版 社 [北京 大 学 出 版 社 

添加 新 书 
IdlcategoryID Name ISBN Press Price | Author PublishDate | CoverPath 
1 IHTHL CSS JavaScript|9787115299710| 人 民 邮 电 出 版 社 |35. 0000 jharry 2013-1-1 00:00:00 limages/1. jpg 
2 上 [TavaScript 9787111376613| 机 械 工业 出 版 社 50. 0000 |david 2015-1-1 00:00:00 |images/2. jpg| 
sl lphotoshop 9787115284167| 人 民 邮 电 出 版 社 60. 0000 |1i1i 2015-1-1 00:00:00 limages/3. jpg 
4 12 工 智能 9787302331094[ 清 华 大 学 出 版 社 100. 0000IRussell 2015-11-1 00:00:00limages/4. jpg 
7 le IC# 入 门 经 典 9787302343394[ 清 华 大 学 出 版 社 |80. 0000 |Karli Watson|2014-1-1 00:00:00 limages/5. jpgl 
8 上 语言 |9787302224464 人 清华 大 学 出 版 社 |26. 0000 | 谭 浩 强 2012-1-1 00:00:00 |images/6. jpg| 
9 上 电子 商务 9781234567899| 北 京 大 学 出 版 社 | 

11.8 页 面 11-3 添加 新 书后 的 效果 
品 

3. LINQ 更 新 数据 操作 


LINQ 修改 数据 库 数据 的 操作 步 又 如 下 。 
(1) 查询 数据 库 中 要 更 新 的 数据 行 ; 

(2) 更 改 LINQ to SQL 对 象 中 的 成 员 值 ; 
(3) 将 更 改 提交 到 数据 库 。 
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【实例 11-4】 利用 11. 4.1 节 中 创建 bookInfo 表 的 实体 类 ,使 用 LINQ to SQL 根据 
ISBN 号 修改 bookInfo 中 的 价格 。 

(1) 在 网 站 chapterll 中 添加 页 面 11-4. aspx, 并 添加 两 个 Label 控件 ,两 个 TextBox 
控件 一 个 Button 控件 和 一 个 GridView 控件 。 修 改 页 面 和 控件 的 显示 文本 (如 图 11. 9 
所 示 )。 

(2) 在 11-4. aspx. cs 文件 中 ,添加 代码 实现 页 面 加 载 时 对 GridView 进行 数据 绑 定 ， 
代码 如 下 。 


protected void Page Load (object sender, EventArgs e) 
{ 
gvBind(); 
} 
private void gvBind() 
{ 
BookClassesDataContext db= new BookClassesDataContext (); 
Var bookIn= from book in db.bookInfo select book; 
GridViewl .DataSource=bookIn; 
GridView]l .DataBind(); 
} 


gvBind() 是 一 个 自 定义 的 方法 ,借助 BookClassesDataContext 对 象 实现 对 数据 库 的 
查询 。 
(3) 在 Buttonl_Click 事件 中 ,添加 代码 ,实现 修改 图 书 价格 功能 。 


protected void Button1l Click (object sender, EventArgs e) 
{ 
BookClassesDataContext db= new BookClassesDataContext (); 
var linqQuery= from book in db.bookInfo where book.ISBN==txtISBN.Text 
select book; 
foreach (bookInfo bk in lingqQuery) 
{ 
bk.Price=decimal .Parse (txtPrice.Text); 
} 
db.SubmitChanges (); 
gvBind(); 
} 
代码 中 创建 了 一 个 bookInfo 对 象 book, 根 据 文本 框 txtISBN 的 内 容 修改 图 书 的 
Price 字段 值 为 txtPrice 文本 框 内 的 值 ,然后 通过 BookClassesDataContext 对 象 db 把 数 
据 更 新 到 数据 库 中 。 
(4) 运行 页 面 11-4. aspx, 在 文本 框 内 输入 ISBN 号 , 单 击 【 更 新 ] 按 钮 , 即 可 根据 文本 
框 内 的 ISBN 号 更 新 图 书 的 价格 ,更 新 后 的 效果 如 图 11.9 所 示 。 
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TdjcategoryID Name ISBN Press Price | Author PublishDate | CoverPath 
1 IHTHL CSS JavaScript|9787115299710| 人 民 邮 电 出 版 社 |35. 0000 jharry 2013-1-1 00:00:00 limages/1. jpg 
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图 11.9 页 面 11-4 添加 新 书后 的 效果 


4. 删除 数据 操作 


可 以 通过 将 对 应 的 LINQ to SQL 对 象 从 相关 的 集合 中 移 除 来 实现 删除 数据 库 中 的 
行 。 不 过 ,LINQ to SQL 不 支持 且 无 法 识别 级 联 删除 操作 。 如 果 要 在 对 行 有 约束 的 表 中 
删除 数据 , 则 必须 符合 以 下 条 件 之 一 。 

(1) 在 数据 库 的 外 键 约束 中 设置 ON DELETE CASCADE 规则 。 

(2) 先 删 除 约束 表 的 级 联 关系 。 

LINQ 删除 数据 库 数 据 的 操作 步 又 如 下 。 

(1) 查询 数据 库 中 要 删除 的 数据 行 ; 

(2) 更 改 调用 DeleteOnSubmit 方法 ; 

(3) 将 更 改 后 的 数据 提交 到 数据 库 。 

【实例 11-5】 利用 11. 4. 1 节 中 创建 bookInfo 表 的 实体 类 ,使 用 LINQ to SQL 删除 
bookInfo 表 中 某 ISBN 号 的 记录 。 

(1) 在 网 站 chapterll 中 添加 页 面 11-5. aspx, 并 添加 一 个 Label 控件 一 个 TextBox 
控件 一 个 Button 控件 和 一 个 GridView 控件 。 修 改 页 面 和 控件 的 显示 文本 (如 图 11. 10 
所 示 ) 。 

(2) 在 11-5. aspx. cs 文件 中 ,添加 代码 实现 页 面 加 载 时 对 GridView 进行 数据 绑 定 ， 
代码 如 下 。 


protected void Page Load (object sender, EventArgs e) 


{ 
gvBind (); 
} 
private void gvBind() 
{ 


BookClassesDataContext db= new BookClassesDataContext (); 
Var bookIn= from book in db.bookInfo select book; 
GridView]l .DataSource=bookIn; 

GridView]l .DataBind(); 
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} 


gvBind() 是 一 个 自 定义 的 方法 ,借助 BookClassesDataContext 对 象 实现 对 数据 库 的 
查询 。 
(3) 在 Buttonl_Click 事件 中 ,添加 代码 ,实现 删除 图 书记 录 的 功能 。 


protected void Button] Click (object sender, EventArgs e) 
| 
BookClassesDataContext db= new BookClassesDataContext () 7 
Var linqDel= from book in db.bookInfo where book.ISBN== txtISBN.Text 
select book; 
foreach (bookInfo bk in linqDel) 


{ 
db.bookInfo.DeleteOnSubmit (bk); 


} 
db.SubmitChanges (); 
gvBind(); 

} 


代码 中 创建 了 一 个 bookInfo 对 象 book ,删除 图 书 ISBN 号 为 文本 框 txtISBN 的 值 的 
记录 ,通过 BookClassesDataContext 对 象 db 把 数据 更 新 到 数据 库 中 。 

(4) 运行 页 面 11-5. aspx, 如 图 11. 10 所 示 。 在 文本 框 内 输入 要 删除 的 ISBN 号 , 单 
击 【 删 除 ] 按 钮 , 即 可 实现 删除 功能 ,删除 后 的 效果 如 图 11. 11 所 示 。 


< > BD http//ocalhost62616/chapter11/11-5.aspx 


IsBBN| | 





























TdjcategoryID| Name ISBN Press Price | Author PublishDate | CoverPath 
Ll HTIL CSS JavaScript|9787115299710| 人 民 邮 电 出 版 社 35. 0000 jharry 2013-1-1 00:00:00 limages/1. jpg 
2 JJavaScript 9787111376613| 机 械 工业 出 版 社 50. 0000 |david 2015-1-1 00: images/2. jpg 
sl photoshop 9787115284167| 人 民 邮 电 出 版 社 |60. 0000 |1ili 2015-1-1 00: images/3. jpg| 
4 12 人 工 智能 9787302331094| 清 华 大 学 出 版 社 100. 0000IRussel1 2015-11-1 00 images/4. jpg 
7 |2 C# 入 门 经 典 9787302343394 清 华 大 学 出 版 社 |80. 0000 IKarli Watsonl2014-1-1 00: images/5. jpg 
8 [语言 9787302224464| 清 华 大 学 出 版 社 |26. 0000 | 谭 浩 强 2012-1-1 00:00:00 limages/6. jpg 
9 l2 电子 商务 I9781234567899| 北 京 大 学 出 版 社 |29. 0000 









































11.10 页面 11-5 运行 的 初始 效果 


© BEE | 
《 > BD) http//ocalhost62616/chapter11/11-5.aspx 
























































ISBN [9781234567899 | 删除 

IdlcategoryID Name ISBN Press Price | Author PublishDate | CoverPath 
1 HTNL CSS JavaScript|9787115299710| 人 民 邮 电 出 版 社 35. 0000 lharry 2013-1-1 00:00:00 limages/1. jpg| 
2 | JJavaScript 9787111376613 机 械 工业 出 版 社 50. 0000 jdavid 2015-1-1 00:00:00 limages/2. jpg| 
3 | photoshop 9787115284167| 人 民 邮 电 出 版 社 |60. 0000 |1i1i 2015-1-1 00:00:00 |images/3. jpg 
4 |2 /人工 智能 9787302331094 清 华 大 学 出 版 社 100. 0000lRussell 2015-11-1 00:00:00limages/4. jpg| 
7 lz IC# 入 门 经 典 9787302343394 人 清华 大 学 出 版 社 80. 0000 IKarli Watson|2014-1-1 00:00:00 |images/5. jpg| 
8 [语言 9787302224464 清 华 大 学 出 版 社 :26. 0000 | 谭 浩 强 2012-1-1 00:00:00 limages/6. jpg 





























11.11 页 面 11-5 单 击 【删除 ] 按 钮 后 的 效果 


# 人 = LINQ 技术 


245 





11.5 ”LINQDataSource 控件 


LINQDataSource 控件 可 以 使 用 LINQ 技术 查询 应 用 程序 中 的 数据 对 象 。 它 与 
SqlDatasource 等 其 他 数据 源 控件 的 使 用 方法 类 似 。 它 可 以 从 关系 数据 库 中 检索 数据 ,可 
以 编辑 、 插 入、 删除 和 更 新 数据 等 。 下 面 用 实例 演示 如 何 使 用 LINQDataSource 控件 连接 
到 SQL Server 数据 库 。 

【实例 11-6】 使 用 LINQDataSource 控件 查询 SQL Server 数据 库 。 

(1) 在 网 站 chapterll 中 添加 一 个 11-6. aspx。 向 页 面 添 加 一 个 GridView 控件 和 一 
个 LINQDataSource 控件 。 单 击 【LINQDataSource 任务 】 ,选择 【配置 数据 源 】, 在 弹出 的 
【选择 上 下 文 对 象 ] 对 话 框 中 选择 数据 对 象 ( 如 图 11. 12 所 示 )。 





配置 数据 源 - LinqDataSourcel [9 lesa) 


| 选择 上 下 文 对 象 
© 





选择 一 个 可 用 于 检索 或 更 新 数据 的 上 下 文 对 象 。 





园 仅 显 示 DataContext 对 象 (D) 








请 选择 上 下 文 对 象 (CO): 
BookClassesDataContext S 


























11.12 选择 上 下 文 对 象 








(2) 单 击 【 下 一 步 ] 按 钮 ,在 【配置 数据 选择 ] 对 话 框 中 选择 表 bookInfo 及 要 筛选 的 字 
段 , 单 击 【 完 成 按钮 , 即 配 置 完毕 (如 图 11. 13 所 示 )。 

(3) 指定 GridView 的 数据 源 控件 为 LINQDataSourcel。 

(4) 运行 11-6. aspx 页 面 ,效果 如 图 11. 14 所 示 。 
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11.13 配置 数据 选择 


mr】 癌 localhost62616/chapter11 X 
《< > © 9 六 httpy/localhost62616/chapterll/11-6aspx 





cat egoryID| Name ISBN 

IHTNL CSS _ JavaScript|9787115299710 
JavaScript 9787111376613 
|photoshop 9787115284167| 
能 9787302331094 
CC# 入 门 经 9787302343394 
C 语 言 9787302224464 









































11.14 页 面 11-6 的 运行 效果 


小 结 


LINQ 是 一 种 统一 查询 语言 ,不 仅 查询 外 部 数据 ,还 可 以 方便 地 对 内 存 中 的 数据 进行 
查询 。 使 用 LINQ 模仿 SQL 语句 的 形式 进行 查询 ,但 LINQ 具有 语法 检查 .智能 感知 等 
强 类 型 语言 的 优点 , 极 大 地 降低 了 开发 难度 ,提高 了 开发 效率 。 

LINQ 查询 包含 三 个 步骤 : 获取 数据 源 ,创建 查询 ,执行 查询 。 常 用 的 子 句 有 from、 
select、where、orderby 和 group。LINQ 提供 了 4 个 组 件 : LINQ to SQL 、LINQ to 
XML LINQ to Objects 和 LINQ to DataSet。 用 于 访问 关系 数据 库 、 XML 文件. 内存 对 
象 和 DataSet 对 象 。 

本 章 重点 介绍 了 使 用 LINQ to SQL 操作 数据 库 中 的 方法 ,包括 生成 实体 类 、 从 数据 
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库 查 询 数据 .向 数据 库 插入 数据 删除 和 修改 数据 。 


和 琛 后 习题 


1. 填空 题 


(1) LINQ 是 的 缩写 。 

(2) LINQ 提供 了 4 个 组 件 : \LINQ to XML LINQ to Objects 和 LINQ to 
DataSet。 

(3) 使 用 LINQ to Objects 可 以 查询 实现 了 接口 的 对 象 中 的 数据 。 


2. 上 机 操作 题 


上 机 目的 : 

掌握 LINQ to SQL 操作 数据 库 的 方法 。 

上 机 内 容 : 

利用 LINQ to SQL 实现 对 数据 库 Films. mdf 中 的 filmInfo 表 的 操作 。 具 体 功 能 
如 下 。 

(1) 查询 所 有 的 影片 信息 ,并 显示 到 GridView 控件 中 。 

(2) 根据 影片 编号 (ID) 修 改 影片 的 角色 (Roles) 和 影片 类 别 (CategoryID) ,并 显示 到 
GridView 控件 中 。 

(3) 根据 影片 编号 (ID) 删 除 影片 记录 ,并 显示 到 GridView 控件 中 。 

(4) 向 数据 表 中 添加 新 影片 信息 。 





AJAX( 无 刷新 数据 处 理 ) 是 一 种 创建 交互 式 网 页 的 网 页 开发 技术 。 在 传统 的 Web 
应 用 程序 中 ,用 户 在 客户 端 提交 表单 ,向 服务 器 端 发 送 请 求 , 然 后 服务 器 端 接收 请 求 ,处 
理 并 返回 一 个 表单 。 当 两 次 提交 的 表单 内 容 变化 不 大 时 ,会 比较 浪费 带宽 资源 ,服务 器 
的 处 理 速度 也 会 比较 慢 。 为 了 解决 这 种 问题 ,. NET 引入 了 AJAX 技术 。 本 章 将 介绍 
AJAX 技术 的 功能 和 具体 使 用 方法 。 

本 章 学 习 目 标 : 

。 理解 什么 是 AJAX; 

。 理解 AJAX 的 作用 和 工作 原理 ; 

。 掌握 AJAX 控件 的 使 用 方法 。 


121 AJAX 简介 


Web 2.0 时 代 是 一 个 共同 建设 的 时 代 , 是 以 用 户 为 中 心 。AJAX 是 一 种 浏览 器 技 
术 , 它 实现 了 页 面 的 局 部 刷新 功能 ,是 Web 2. 0 的 关键 技术 。Google 公司 的 Google 
Maps 可 以 使 用 发 往 服务 器 的 异步 请 求 来 快速 替换 被 显示 地 图 的 一 小 部 分 内 容 , 使 人 们 
体验 到 了 这 种 Web 应 用 程序 的 强大 交互 功能 。 


121.1 AJAX 是 什么 


AJAX 是 Asynchronous JavaScript and XML( 异 步 JavaScript 和 XML) 的 缩写 ,是 
综合 异步 通信 、JavaScript 以 及 XML 等 多 种 网 络 技术 的 编程 方式 。 

XMLHttpRequest 是 最 为 核心 的 内 容 , 它 能 够 为 页 面 中 的 JavaScript 脚本 提供 特定 
的 通信 方式 , 从 而 使 页 面 通过 JavaScript 脚本 和 服务 器 之 间 实 现 动态 交互 。 
XMLHttpRequest 的 最 大 优点 是 页 面 内 的 JavaScript 脚本 可 以 不 用 刷新 页 面 ,而 直接 和 
服务 器 完成 数据 交互 。 

AJAX 的 目的 是 使 Web 应 用 程序 的 交互 速度 提高 ,使 用 户 体验 更 接近 于 桌面 应 用 程 
序 。AJAX 可 以 只 向 服务 器 发 送 并 取 回 所 必须 修改 的 数据 , 它 在 客户 端 采 用 JavaScript， 
处 理 来 自 服务 器 的 响应 。 服 务 器 和 浏览 器 之 间 交 换 数 据 较 少 ,客户 端 就 能 接收 到 更 快 的 
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响应 。 同 时 ,很 多 的 处 理工 作 都 在 客户 端 完成 ,所 以 Web 服务 器 的 处 理 时 间 也 减少 了 。 

AJAX Web 应 用 程序 与 传统 的 Web 应 用 程序 相 比 发 生 了 两 点 变化 : 四 从 浏览 器 到 
服务 器 的 通信 是 异步 的 。 浏 览 器 不 需要 等 待 服务 器 响应 , 当 服务 器 查找 并 传送 请 求 文档 
以 及 浏览 器 呈现 新 文档 时 ,用户 可 以 继续 正在 做 的 其 他 事情 ; 四 服务 器 提供 的 文档 通常 
只 是 被 显示 文档 的 一 小 部 分 ,传送 和 呈现 花费 的 时 间 就 会 比较 少 。 这 就 使 浏览 器 和 服务 
需 之 间 的 交互 速度 快 了 很 多 ,使 用 户 的 频繁 提交 提供 了 可 能 。 

实际 上 ,从 用 户 的 角度 看 , 它 实 现 了 页 面 局 部 刷新 ,提升 了 Web 用 户 的 体验 ;从 开发 
人 员 的 角度 看 ,AJAX 主要 是 一 组 用 户 创建 具有 高 度 交互 性 Web 应 用 程序 的 开发 组 件 、 
工具 和 技术 。 


1212 AJAX 的 工作 原理 





AJAX 的 工作 原理 如 下 。 

(1) 客户 端 浏览 器 在 运行 时 首先 加 载 一 个 AJAX 引擎 ; 

(2) AJAX 引擎 创建 一 个 异步 调用 的 对 象 ,向 Web 服务 器 发 出 一 个 HTTP 请 求 ， 

(3) 服务 器 处 理 请 求 ,并 将 处 理 结 果 以 XML 的 形式 返回 ; 

(4) AJAX 引擎 接收 返回 的 结果 ,并 通过 JavaScript 语句 显示 在 浏览 器 上 。 

在 AJAX 处 理 模 型 中 ,使 用 AJAX 中 间 引 擎 来 处 理 浏览 器 和 服务 器 的 通信 。AJAX 
中 间 引 擎 实质 上 是 一 个 JavaScript 对 象 或 函数 。 当 AJAX 引擎 收 到 服务 器 响应 时 ,将 会 
触发 一 些 操作 ,通常 是 完成 数据 解析 ,以 及 基于 所 提供 的 数据 对 用 户 界 面 做 一 些 修 改 。 


1213 AJAX 的 优点 


与 完全 基于 服务 器 的 Web 应 用 程序 相 比 ,使 用 ASP. NET 中 的 AJAX 技术 的 Web 
应 用 程序 有 以 下 优点 。 

(1) 符合 标准 性 。 大 部 分 流行 和 常用 的 浏览 器 都 支持 AJAX 技术 。 包 括 Microsoft 
Internet Explorer、Mozilla Firefox 和 Apple Safari 等 。 因 此 AJAX Web 应 用 无 须 安装 任 
何 插件 ,也 无 须 在 Web 服务 器 中 安装 应 用 程序 。 

(2) 增强 效率 : 网 页 的 大 部 分 处 理工 作 在 浏览 器 中 执行 ,减少 了 页 面 和 服务 器 间 的 
数据 传输 数量 ,从 而 大 大 提高 了 应 用 程序 的 处 理 效 率 。 例 如 ,在 购物 车 页 面 , 当 更 新 其 中 
的 某 项 物品 的 数量 时 ,使 用 AJAX 计算 新 的 总 量 ,服务 器 只 会 返回 新 的 总 量 值 ,这 样 下 载 
的 数据 量 比重 新 载 人 整个 页 面 的 数据 量 要 少 很 多 。 

(3) 页 面部 分 刷新 : 可 以 通过 异步 传输 实现 页 面 和 服务 器 间 的 数据 交互 ,能 够 获取 
服务 器 数据 后 灵活 更 新 页 面 内 的 指定 内 容 , 而 不 需要 刷新 整个 页 面 , 也 不 需要 终止 用 户 
当前 的 操作 。 例 如 动态 更 新 购物 车 的 物品 数量 ,无 须 用 户 单 击 【 更 新 ] 按 钮 并 等 待 服务 器 
重新 发 送 整个 页 面 。 

(4) 客户 端 与 用 于 Forms 身份 验证 的 ASP.NET 应 用 程序 服务 .角色 和 用 户 配 置 文 
件 的 集成 。 

(5) 自动 生成 的 代理 类 ,可 以 简化 从 客户 端 脚本 调用 Web 服务 方法 的 过 程 。 
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(6) 熟悉 UI 元 素 : 如 进度 指示 器 .工具 提示 和 弹出 窗口 等 。 


122 AJAX 控件 的 使 用 


前 面 提 到 从 开发 人 员 的 角度 看 ,AJAX 主要 是 一 组 用 户 创建 具有 高 度 交互 性 Web 应 
用 程序 的 开发 组 件 。ASP. NET 4. 5 的 【工具 箱 】 的 【AJAX 扩展 】 选 项 卡 中 提供 了 
Script Manager、 Timer、 UpdatePanel, UpdateProgress、 


工具 箱 ”号 
ScriptManagereProxy 控件 (如 图 12. 1 所 示 ), 便 于 开发 ” 关 Ta 征 | 
人 员 快 速 开发 AJAX 应 用 程序 。 本 节 将 介绍 常用 控件 “2 
的 基本 功能 ,了 解 它们 可 以 解决 哪些 技术 问题 。 ? 

b 
1221 ”ScriptVanager 控件 人 


ScriptManager 控件 是 ASP. NET 中 AJAX 功能 的 


NR 

名 
核心 ,该 控件 可 以 管理 一 个 页 面 上 的 所 有 AJAX 资源 。 字 
它 用 于 处 理 页 面 上 的 局 部 更 新 ,同时 生成 相关 的 代理 肢 a 
本 ,以 便 能 够 通过 JavaScript 访问 Web Service。 加 


UpdateProgress 


ScriptManager 
ScriptManagerProxy 


ScriptManager 控件 在 一 个 页 面 中 只 能 使 用 一 次 ， 12.1 AJAX 控件 
并 且 必 须 出 现在 所 有 AJAX 控件 之 前 。ScriptManager 
控件 的 常用 属性 如 下 。 


(1) AllowCustomErrorRedirect: 获取 或 设置 一 个 值 ,以 确定 异步 回 发 出 现 错误 时 是 
否 使 用 Web. config 文件 的 自 定义 错误 部 分 。 

(2) AsyncPostBackTimeout: 指定 异步 回 发 的 超时 时 间 ,默认 是 90s。 

(3) AsyncPostBackErrorMessage: 获取 或 设置 异步 回 发 期 间 发 生 未 处 理 的 服务 器 
异常 时 发 送 到 客户 端的 错误 消息 。 

(4) EnablePartialRenderring: 指定 当前 网 页 是 否 允 许 部 分 更 新 。 默 认 值 为 True， 
表示 当 页 面 添加 ScriptManager 控件 时 ,将 启用 部 分 页 刷新 功能 。 


1222 ”UpdatePane| 控件 


UpdatePanel 控件 可 以 生成 功能 丰富 的 、 以 客户 端 为 中 心 的 Web 应 用 程序 。 通 过 使 
用 UpadatePanel 控件 ,可 以 刷新 页 的 指定 部 分 ,而 不 是 刷新 整个 页 面 。 一 个 页 面 可 以 包 
含 一 个 或 多 个 UpdatePanel 控件 ,与 ScriptManager 控件 一 起 使 用 ,可 以 实现 部 分 刷新 。 

在 UpdatePanel 服务 器 控件 中 ,所 发 出 的 PostBack 都 会 自动 以 AJAX 技术 通过 异 
步 方式 传送 到 服务 器 , 待 服 务 器 将 结果 传 回 后 再 以 “部 分 更 新 ”的 方式 显示 在 网 页 中 。 

UpdatePanel 控件 的 属性 主要 有 以 下 三 个 。 

(1) RenderMode: 获取 或 设置 UpdatePanel 控件 的 内 容 是 否 包 含 在 HTML 或 元 素 
中 。Inline 表示 其 内 容 将 显示 在 二 span 之 中 ;Block 表示 其 内 容 将 显示 在 二 div 二 中 。 

(2) ChildrenAsTriggers: 设置 来 自 UpdatePanel 控件 的 子 控件 的 回 发 是 否 导致 
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UpdatePanel 控件 的 更 新 。 默 认为 True。 

(3) Tiiggers : 获取 已 经 为 UpdatePanel 控件 定义 的 所 有 触发 器 。 可 以 通过 所 Tiiggers 过 
元 素 定义 触发 器 。 该 集合 包含 AsynPostBackTrigger 和 PostBackTrigger 对 象 。 

下 面 用 一 个 例子 来 演示 ScriptManager 和 UpdatePanel 的 使 用 。 

【实例 12-1】 使 用 ScriptManager 和 UpdatePanel 控件 ,实现 局 部 刷新 日 历 样式 
设置 。 

(1) 新 建 一 个 空 网 站 chapter12 ,添加 Web 窗 体 12-1. aspx。 

(2) 在 页 面 中 拖 放 一 个 ScirptManager 控件 和 一 个 UpdatePanel 控件 。 生 成 的 代码 
如 下 。 


<asp:ScriptManager ID= "ScriptManagerl" runat= "server"> 
< /asp:ScriptManager> 
<asp:UpdatePanel ID= "UpdatePane11" runat= "server"> 
< /asp:UpdatePanel> 


(3) 再 在 UpdatePanel 控件 中 放置 两 个 Label, 一 个 RadioButtonList 和 一 个 
Calendar 控件 。 在 UpdatePanel 控件 外 面 放置 一 个 Label 和 一 个 Button。 并 设置 
RadioButtonList 的 集合 项 内 容 、AutoPostBack 二 "True" 和 RepeatColumns 王 "3", 生 成 
的 代码 如 下 。 


<div> 
<asp:ScriptManager ID= "ScriptManager1" runat= "server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID= "UpdatePane11" runat= "server"> 
<ContentTemplate> 
<asp:Label ID= "Label1" runat= "server" Text= "设置 日 历 的 风格 : "> 
</asp:Label> 
<asp:RadioButtonList ID= "RadioButtonList1" runat= "server" 
AutoPostBack= "True" RepeatColumns= "3"> 
<asp:ListItem Value= "Pink"> 梦 幻 粉 < /asp:ListItem> 
<asp:ListItem Value= "Purple"> 高 贵 紫 < /asp:ListIterm> 
<asp:ListItem Value= "Blue"> 神 秘 蓝 < /asp:ListItem> 
<asp:ListItem Value= "Red"> 喜 庆 红 < /asp:ListItem> 
<asp:ListItem Value= "White"> 纯情 白 < /asp:ListItem> 
<asp:ListItem Value= "Black"> 炫 酷 黑 < /asp:ListItem> 
< /asp:RadioButtonList> 
<asp:Calendar ID= "Calendarl" runat= "server">< /asp:Calendar> 
<br /> 
<asp:Label ID="Label2" runat= "server" Text="Label">< /asp:Label> 
< /ContentTemplate> 
< /asp:UpdatePanel> 
<asp:Label ID= "Label3" runat= "server" Text= "Label">< /asp:Label> 
<asp:Button ID= "Button1"” runat= "server" Text= "提交 " /> 
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</div> 
(4) 在 页 面 的 Page_Load 中 添加 如 下 代码 ,在 Label3 中 显示 页 面 的 启动 时 间 。 


protected void Page Load (object sender, EventArgs e) 
{ 

Label3.Text= DateTime.Now.ToString (); 
} 


(5) 添加 RadioButtonListl 控件 的 SelectedIndexChanged 事件 ,并 编写 下 面 的 代码 ， 
以 更 改 日 历 中 当天 日 期 的 背景 颜色 ,Label2 中 显示 更 新 的 时 间 。 


Protected void RadioButtonList1 SelectedIndexChanged (cbject sender, EventArgs e) 
下 
Calendarl.TodayDayStyle.BackColor= 
System.Drawing.Color .FromName (RadioButtonList1.SelectedItem.Value); 
Labe12.Text= "最近 一 次 的 设置 时 间 是 : " + DateTime.Now.ToString (); 
} 


(6) 运行 12-1. aspx, 起 始 状态 如 图 12. 2 所 示 ,Label3 记录 了 起 始 时 间 。 

在 RadioButtonListl 控件 中 选择 [梦幻 粉 ] 后 12-1 页 面 的 浏览 效果 如 图 12. 3 所 示 ， 
UpdatePanel 控件 中 的 Label2 记录 了 选择 的 时 间 , 日 历 控 件 修改 了 当天 日 期 的 背景 色 。 
而 UpdatePanel 控件 外 的 Label3 显示 的 时 间 未 发 生变 化 ,说 明 RadioButtonList 控件 提 
交 后 ,只 进行 了 页 面 的 局 部 刷新 。 


加 localhost x 下 | 上 lccalhost x 匡 


和 人 站 localhost3385/chapter12/12-1.aspx | | ecaihostas8s/dhepterl2/12-1aspx 





设置 日 历 的 风格 : 设置 日 历 的 风格 : 
口 纯情 白 加 梦幻 粉 〇 神秘 蓝 口 纯情 白 
口 高 贵 紫 加 喜庆 红 品 炫 酷 黑 





口 高 贵 紫 O 〇 喜庆 红 口 炫 酷 黑 
























































周 日 一 周 日 周一 周二 周三 周 四 周 五 周 六 

并 28 2 30 27 28 2 30 31 1 

3 4 5 6 3 4 5 6 

10 1 这‘ 娩 10 1 12 13 

IJ 18 3 了 2 20 17 1 19 20 

24 25 26 27 24 25 26 27 

1 这 -3 六 1 2 3 4 
Leel 最 近 一 次 的 设置 时 间 是 : 2016/4/22 15:29:28 
2016/4/22 ee 提交 2016/4/22 15:29:02 

| N | 
Label3 Labell Label2 
12.2 12-1 页 面 的 初始 效果 12.3 ”选择 [梦幻 粉 ] 后 12-1 页 面 的 浏览 效果 


当 单 击 【 提 交 ] 按 钮 后 ,页 面 重新 加 载 。Label3 修改 了 显示 时 间 , 但 UpdatePanel 控 
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件 内 的 内 容 并 未 发 生变 化 (如 图 12.4 所 示 ) ,说 明 UpdatePanel 控件 中 的 内 容 不 受 外 部 控 
件 提交 的 影响 。 





回 localhost x 
2 PS ltd) | localhost:3385/chapter12/12-1.aspx 
设置 日 历 的 风格 : 


加 梦幻 粉 口 神秘 蓝 〇 纯情 白 
口 高 贵 紫 〇 喜庆 红 〇 炫 酷 黑 


周 日 周一 周二 周三 周 四 周 五 周 六 
22 2 30 31 
3 5 6 了 


10 l12 13 14 





17 19 20 21 
24 26 27 28 
1 3 4 3 





Il 包间 Im 
BErvLw 





最 近 一 次 的 设置 时 间 是 : 2016/4/22 15:29:28 
2016/4/22 15:30:23 | 提交 




















12.4 单 击 【提交 3 按钮 后 页 面 12-1 的 浏览 效果 


1223 Timer 控件 


在 C/S 应 用 程序 开发 中 ,Timer 控件 是 很 常用 的 控件 。 它 可 以 进行 时 间 控 制 , 能 够 
在 一 定 的 时 间 间 隔 内 和 触发 某 个 事件 。 但 由 于 Web 应 用 是 无 状态 的 ,在 Web 应 用 程序 开 
发 中 ,就 比较 难 编程 实现 Timer 控件 。 在 AJAX 中 提供 了 一 个 Timer 控件 ,用 于 按 定义 
的 时 间 间 隔 执 行 回 发 。 将 Timer 控件 和 UpdatePanel 控件 一 起 使 用 , 则 可 以 按 设 定 的 时 
间 间 隔 实 现 页 面 的 部 分 更 新 。 但 是 Timer 控件 不 能 多 用 , 它 会 占用 大 量 的 服务 器 资源 ， 
如 果 不 停 地 进行 客户 端 和 服务 器 的 信息 通信 ,很 容易 造成 服务 器 超载 。 

Timer 控件 有 以 下 两 个 重要 属性 。 

(1) Interval 属性 : 可 以 是 指 回 发 发 生 时 间 间 隔 ,以 ms 为 单位 。 默 认为 60 000ms 
( 即 60s) 。 

(2) Enable 属性 : 设置 Timer 是 否 可 用 (True/False) 。 

Timer 控件 会 将 一 个 JavaScript 组 件 徐 入 到 网 页 中 。 当 经 过 Interval 属性 定义 的 时 
间 间 隔 时 ,该 JavaScript 组 件 将 从 浏览 器 启动 回 发 。 如 果 回 发 是 Timer 控件 启动 的 , 则 
Timer 控件 将 在 服务 器 上 引发 Tick 事件 。 当 页 发 送 到 服务 器 时 ,可 创建 Tick 事件 的 事 
件 处 理 程序 来 执行 一 些 操 作 。 

下 面 用 一 个 例子 来 演示 Timer 控件 的 使 用 。 

【实例 12-2】 使 用 Timer 控件 实现 一 定时 间 间 隔 后 执行 页 面 局 部 刷 功 能 。 

(1) 在 网 站 chapter12 中 添加 一 个 12-2. aspx 页 面 。 

(2) 向 页 面 12-2. aspx 中 添加 一 个 ScriptManager 控件 、 一 个 UpdatePanel 控件 、 两 
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个 Label 控件 和 一 个 Timer 控件 。Timer 控件 的 Interval 属性 设 为 “10000”。 生 成 的 代 
人 码 如 下 。 


<asp:ScriptManager ID= "ScriptManagerl" runat= "server"> 
< /asp:ScriptManager> 
<asp:UpdatePanel ID= "UpdatePane11" runat= "server"> 
<ContentTemplate> 
<asp:Label ID= "Labe11" runat= "server" Text= "Label">< /asp:Label> 
<asp:Timer ID= "Timerl" runat= "server" >< /asp:Timer> 
</ContentTemplate> 
< /asp:UpdatePanel> 
<asp:Label ID= "Label2" runat= "server" Text= "Label">< /asp:Label> 
<asp:Button ID= "Button1l" runat= "server" Text= "提交 " /> 


(3) 在 页 面 12-2. aspx 页 面 中 ,添加 下 面 的 代码 。 第 一 次 访问 页 面 时 Label2 显示 初 
始 化 时 间 , 回 发 页 面 时 显示 回 发 时 间 。 


protected void Page Load (object sender, EventArgs e) 
{ 
if (!IsPostBack) // 判 断 是 否 第 一 次 访问 页 面 
{ 
Labe12.Text= "页 面 初始 化 时 间 是 : " +DateTime.Now.ToString(); 
} 
else 
{ 
Labe12.Text= "最 近 一 次 页 面 回 发 的 时 间 是 : " +DateTime.Now.ToString(); 


ld 


IsPostBacks 是 Page 对 象 的 属性 ,第 一 次 访问 页 面 时 返回 false, 和 否则 返回 true。 
(4) 双击 Timerl 控件 ,添加 Tick 事件 ,并 添加 代码 ,Labell 中 显示 局 部 刷新 时 间 。 


Protected void Timerl Tick (object sender, EventArgs e) 
{ 

Label1.Text= "最 近 一 次 的 页 面 局 部 刷新 的 时 间 是 : " +DateTime.Now.Tostring(); 
} 


(5) 运行 12-2 页 面 ,效果 如 图 12. 5 一 图 12. 7 所 示 。 每 过 10s, 就 会 执行 Timerl _ 
Tick 事件 ,局 部 刷新 页 面 。 





回 localhost x 
2 | localhost3385/chapter12/12-2.aspx 
Label 








页 面 初始 化 时 间 是 : 2016/4/22 16:28:16 | 提交 


























图 12.5 页 面 12-2 的 初始 浏览 效果 
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回 iocalhost 


po | localhost3385/chapter12/12-2.aspx 


最 近 一 次 的 页 面 局 部 刷新 的 时 间 是 : 2016/4/22 16:28:36 
页 面 初始 化 时 间 是 : 2016/4/22 16:28:16 | 提交 











图 12.6 页 面 12-2 的 自动 刷新 浏览 效果 


| localhost3385/chapter12/12-2.aspx 


最 近 一 次 的 页 面 局 部 刷新 的 时 间 是 : 2016/4/22 16:28:46 
最 近 一 次 页 面 回 发 的 时 间 是 : 2016/4/22 16:28:55 





图 12.7 页 面 12-2 单 击 【 提 交 】 按 钮 的 浏览 效果 


1224 AJAX 工 具 包 


AJAX 工具 包 (AJAX Control Toolkit ) 是 一 个 封装 好 的 组 件 库 (AjaxControlToolkit. ddl)， 
包含 多 个 AJAX 控件 。 如 果 已 经 有 AjaxControlToolkit. ddl 文件 ,添加 AJAX 控件 的 步 
又 如 下 。 

(1) 在 网 站 根 目录 下 新 建 Bin 文件 夹 ,并 将 AjaxControlTpbolkit. dll 文件 放 入 Bin 文件 夹 ; 

(2) 右 击 【 工 具 箱 ] 的 空白 处 ,选择 [添加 选项 卡 】, 并 给 它 命名 ,如 AJAX; 

(3) 右 击 AJAX 选项 卡 ,选择 [选择 项 】 ,在 打开 的 对 话 框 中 , 单 击 【 浏 览 ] 按 钮 (如 
图 12.8 所 示 ) ,选择 AjaxControlToolkit. dll 文件 , 单 击 【确定 了 按钮 即 可 在 AJAX 选项 卡 
中 添加 上 相应 的 AJAX 控件 。 




















-NET Framework 组 件 | COM 





| 和 < SS 间 








[Eeees 
| 。 Accord AjaxControlToolkit AjaxControlToolkit 16.1 中 币 


| Accord AjaxControlToolkit AjaxControlToolkit 16.1 dd 时 
| Activity System.Workflow.Compe System.Workflow.Component 40( 全 局 
| AddGr MicrosoftTeamFoundati MicrosoftTeamFoundation.C 11.0 全 局 
| ADOD MicrosoftVisualBasic.Co ”MicrosoftVisualBasicCompal 10.0 全 局 
| ADODt MicrosoftVisualBasic.Co MicrosoftVisualBasicCompal 10.0 全 局 




















| AdRot: System.Web.ULMobileC， System.Web.Mobile 4.0( 全 局 
| AdRot: System.Web.ULWebCon System.Web 4.0《 全 局 | 
| _AiaxFil_AiaxControlToolkit AiaxControlToolkit 16.1 di 局 | 
算计 器 (日 : | 者 sO 
AccessDataSource 浏览 (8). 
回 语言: 国定 语言 (固定 国家 /地 区 ) 

版 本 : 4.0.0.0 









































图 12.8 选择 工具 箱 项 
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AJAX 工具 包 可 以 到 网 站 www. asp. net 上 下 载 ,不 同时 期 下 载 的 版 本 和 控件 数量 不 
同 。 如 图 12. 9 所 示 , 单 击 Download 按钮 ,可 以 下 载 一 个 exe 文件 ,双击 该 文件 可 以 安装 
AJAX 工 具 包 (如 图 12. 10 所 示 )。 安 装 完 成 自动 将 在 Bin 文件 夹 中 添加 
AjaxControlToolkit. dl 文件 ,工具 箱 中 出 现 AJAX 控件 (如 图 12. 11 所 示 )。 





夯 DevEXxpress” Products Free Trials & Demos Buy Suppqd 


AAX Contelbheolkit 


Open Source Library for Web Development 


Revised and Improved 


12.9 AJAX 工具 包 下 载 页 面 








ASP.NET AJAX Control Toolkit v16.1 


CodePlex BSD License Agreement 





Copyright (c) 2012-2015, Codeplex Foundation 
All rights reserved. 


Redistribution and use in source and binary forms with or without modification, are permitted provided that the following 
conditions are met 
* Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. 


* Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following 
disclaimer in the documentation and/or other materials provided with the distribution. 


The Codeplex BSD License Agreement governs the use of this distribution. 
I have read, understand and agree to all of its terms. 


下 DevExpress 








图 12.10 安装 AJAX 工具 包 的 界面 


使 用 AJAX 控件 实现 文本 框 的 水 印 效果 和 密码 输入 框 的 验证 密码 强度 效果 等 。 验 
证 密码 强度 就 是 对 输入 的 密码 强度 进行 验证 。 水 印 就 是 用 户 还 没有 填写 文本 框 时 ,文本 
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搜索 工具 箱 
4 AJAX Control Toolkit v16.1 
NR 指针 


吧 
才 
o 
a 
o 
3 


AccordionPane 
AjaxFileUpload 
AlwaysVisibleControlExtender 
AnimationExtender 
AreaChart 
AsyncFileUpload 
BarChart 

BubbleChart 
AutoCompleteExtender 
BalloonPopupExtender 
CalendarExtender 
CascadingDropDown 
CollapsiblePanelExtender 
ColorpickerExtender 
ComboBox 
ConfirmButtonExtender 
DragPanelExtender 
DropDownExtender 
DropShadowExtender 
DynamicpopulateExtender 
FilteredTextBoxExtender 
Gravatar 
HoverMenuExtender 
HtmlEditorExtender 
LineChart 
ListSearchExtender 
MaskedEditExtender 





旦 
也 
- 
加 
好 
于 
In 
3 
加 | 
. 
[| 
别 
画 
ra 
田 
看 
口 
回 
oO 
加 
和 
从 
到 
回 


12.11 添加 了 AJAX 控件 的 工具 箱 


框 内 给 出 一 些 提示 文字 ,用 户 把 光标 放 到 文本 框 上 时 ,这 些 提示 文字 自动 消失 。 下 面 以 
实例 来 演示 。 

【实例 12-3】 设计 一 个 登录 页 面 ,用 AJAX 控件 实现 文本 框 的 水 印 效果 。 

(1) 在 网 站 chapter12 中 ,添加 页 面 12-3. aspx。 并 设计 成 登录 页 面 。 

(2) 分 别 单 击 【 用 户 名 3 和 【密码 ] 文 本 框 右 侧 的 可 按钮 ,选择 [添加 扩展 程序 ...】。 在 
打开 的 对 话 框 中 ,选择 TextBoxWatermarkExtender 功能 , 单 击 【 确 定 】 按 钮 (如 图 12. 12 
所 示 )。 并 分 别 设置 这 两 个 控件 的 WatermarkText 属性 为 “请 输入 用 户 名 ”和 “请 输入 密 
码 ”, 用 来 设置 水 印 显示 的 文本 内 容 。 生 成 的 主要 代码 如 下 。 


<asp:ScriptManager ID= "ScriptManager1l" runat= "server">< /asp:ScriptManager> 
<asp:Label ID= "Labell" runat= "servern Text= "用 户 名 : ">< /asp:Label> 
<asp:TextBox ID= "TextBox1" runat= "server">< /asp:TextBox> 

< ajaxToolkit :TextBoxWatermarkExtender ID= "TextBox] TextBoxWatermarkEx- 
tender" runat= "server" BehaviorID= "TextBoxl] TextBoxWatermarkExtender" 
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TargetControlID= "TextBox1" WatermarkText= "请 输入 用 户 名 "> 

< /ajaxToolkit:TextBoxWatermarkExtender> 

<asp:Label ID= "Label2" runat= "server" Text= " 密 码 : "></asp:Label> 
<asp:TextBox ID= "TextBox2" runat= "server">< /asp:TextBox> 
<ajaxToolkit:TextBoxWatermarkExtender ID= "TextBox2 TextBoxWatermarkEx- 
tender" runat= "server" BehaviorID= "TextBox2 TextBoxWatermarkExtender" 
TargetControlID= "TextBox2" WatermarkText= "请 输 入 密码 "> 

< /ajaxToolkit:TextBoxWatermarkExtender> 

<asp:Button ID= "Buttonl" runat= "server" Text= " 登 了 录 ”A 














四 次 回 另 己 四 -+ 加 


.Modalpo.，MukiHand.，Numeric.。 Password... popupCon Resizable.. Rounded.， SliderExt.. EEEENTES 
ermarkExte 
nder 


























请 指定 扩展 程序 的 ID; 
TextBoxl_TextBoxWatermarkExtender | 




















(ssa) es | 





12.12 添加 扩展 程序 


(3) 运行 12-3. aspx, 效 果 如 图 12. 13 所 示 。WatermarkText 属性 设置 的 值 自动 在 文 
本 框 内 显示 , 当 鼠 标 单 击 时 自动 消失 。 


[S Iocalhost64165/12-3.aspyx X 


< > BD http://ocalhost64165/12-3.aspx| 





用 户 名 : “| 请 输入 用 户 名 | 
密 码 : 请 输入 密码 | 


登录 
12.13 实例 12-3 的 运行 效果 











在 密码 设置 时 ,还 可 以 单 击 密码 文本 框 右 侧 的 可 按钮 ,选择 [添加 扩展 程序 ...】。 在 
打开 的 对 话 框 中 ,选择 PasswordStrength 功能 ,来 增加 验证 密码 强度 的 功能 。 这 里 不 再 
演示 。 





小 结 


= 


AJAX 是 一 种 创建 交互 式 网 页 的 网 页 开发 技术 。 本 章 首先 介绍 引入 AJAX 技术 的 
原因 。 在 传统 的 Web 应 用 程序 中 ,用 户 在 客户 端 提交 表单 ,向 服务 器 端 发 送 请 求 , 然 后 
服务 器 端 接收 请 求 ,处 理 并 返回 一 个 表单 。 当 两 次 提交 的 表单 内 容 变化 不 大 时 , 仍 会 传 
送 整 个 页 面 信 息 。 这 样 会 比较 浪费 带宽 资源 ,服务 器 的 处 理 速度 也 会 比较 慢 。 然 后 介绍 
了 AJAX 是 什么 , 它 的 工作 原理 和 优点 ,可 以 实现 页 面 的 局 部 刷新 功能 ,提升 网 站 效率 和 
用 户 体验 。 

最 后 介绍 了 ASP. NET 默认 提供 的 ScriptManager、Timer、UpdatePanel 控件 的 使 用 
方法 ,及 安装 AJAX 工具 包 的 方法 ,并 演示 使 用 AJAX 工具 包 实 现 文本 框 水 印 效果 的 
方法 。 


梨 后 习题 


(gp 是 一 种 浏览 器 技术 , 它 实 现 了 页 面 的 局 部 刷新 功能 。 

(2) 是 AJAX 最 为 核心 的 内 容 , 它 能 够 为 页 面 中 的 JavaScript 脚本 提供 特 
定 的 通信 方式 ,从 而 使 页 面 通过 JavaScript 脚本 和 服务 器 之 间 实 现 动态 交互 。 

(3) 控件 是 ASP. NET 中 AJAX 功能 的 核心 ,该 控件 可 以 管理 一 个 页 面 上 
的 所 有 AJAX 资源 。 

(4) 在 服务 器 控件 中 ,所 发 出 的 PostBack 都 会 自动 以 AJAX 技术 通过 异步 
方式 传送 到 服务 器 , 待 服务 器 将 结果 传 回 后 再 以 “部 分 更 新 ”的 方式 显示 在 网 页 中 。 

(5) Timer 控件 的 Interval 属性 可 以 设置 回 发 发 生 时 间 间 隔 , 以 为 单位 。 
当 经 过 Interval 属性 定义 的 时 间 间 隔 时 ,该 JavaScript 组 件 将 从 浏览 器 启动 回 发 ,触发 

事件 。 


2. 上 机 操作 题 


上 机 目的 : 

理解 AJAX 的 作用 和 工作 原理 ; 

掌握 AJAX 控件 的 使 用 方法 。 

上 机 内 容 : 

(1) 使 用 AJAX 实现 查询 所 有 商品 信息 时 页 面 局 部 刷新 。 
(2) 使 用 AJAX 工具 包 为 查询 条 件 设置 水 印 效果 。 

(3) 使 用 AJAX 工具 包 为 登录 界面 实现 密码 强度 验证 功能 。 





B2C 网 上 购物 系统 


B2C(Business to Customer) 是 电子 商务 的 一 种 模式 , 即 企 业 通过 互联 网 向 个 人 消费 
者 直接 销售 产品 和 提供 服务 的 经 营 方式 。B2C 电子 商务 网 站 是 指 B2C 电子 商务 模式 所 
依赖 的 网 站 ,如 京东 、 天 猫 、 当 当 都 属于 自主 销售 式 B2C 电子 商务 网 站 。 本 章 将 使 用 
ASP. NET 技术 构建 一 个 自主 销售 式 的 B2C 电子 商务 网 站 。 

本 章 学 习 目 标 : 

将 ASP. NET 的 基本 技术 和 方法 灵活 利用 ,开发 一 个 较为 综合 的 购物 系统 。 


13.1 网 下 需求 分 析 


某 童装 零售 商店 为 开拓 网 上 购物 市 场 , 欲 建立 一 个 B2C 模式 的 购物 网 站 。 网 站 功能 
要 求 不 太 复杂 ,主要 分 为 前 台 会 员 和 后 台 管 理 员 两 种 角色 。 需 满足 以 下 功能 。 


1. 会 员 处 理 模 块 


(1) 新 会 员 注册 : 会 员 可 以 通过 填写 信息 申请 会 员 账 号 。 未 注册 
商品 。 
(2) 会 员 登 录 : 已 注册 会 员 可 以 登录 。 登 录用 户 可 以 购买 商品 。 


2. 购物 功能 


(1) 商品 显示 : 网 站 可 以 显示 商城 提供 的 商品 类 别 和 具体 商品 的 信息 ,顾客 可 以 浏 
览 商城 销售 的 童装 。 

(2) 购物 车 : 顾客 可 以 多 次 添加 童装 到 购物 车 ,并 可 以 查看 当前 购物 车 中 的 商品 信 
息 、 修 改 购物 车 中 的 商品 数量 。 

(3) 提交 订单 : 已 注册 的 顾客 即 会 员 可 以 将 购物 车 中 的 部 分 或 全 部 商品 提交 订单 ， 
并 可 以 查看 会 员 自 己 的 订单 信息 。 

(4) 商品 搜索 : 顾客 可 以 按 商品 名 称 查找 想 要 的 童装 。 


少 
池 
本 
二 
3 
活 


3. 后 台 管 理 


(1) 商品 管理 : 管理 员 可 以 对 本 店 销售 的 童装 进行 管理 (查询 、 增 加、 修改 、 删 除 )。 
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(2) 订单 处 理 : 管理 员 需 要 处 理 新 提交 的 订单 , 改 为 已 配送 或 已 完成 。 
(3) 会 员 管 理 : 管理 员 可 以 根据 用 户 名 或 绑 定 手机 号 查询 某 用 户 , 可 以 删除 某 会 员 。 


(4) 商品 类 别管 理 : 管理 员 可 以 对 销售 的 商品 划分 类 别 ,并 可 以 添加 、 修 改 、 删 除 ` 查 
询 商品 类 别 。 
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1321 功能 设计 


虽然 商城 目前 只 销售 童装 ,以 后 业务 扩展 可 能 商品 种 类 会 增多 ,因此 在 设计 时 不 只 
针对 童装 。 本 B2C 购物 商城 分 为 前 台 网 站 的 购物 功能 和 后 台 管 理 功能 两 大 部 分 。 前 台 
网 站 主要 面向 购物 的 客户 ,包括 会 员 模 块 . 商 品 显示 模块 .购物 车 模块 和 订单 模块 ,还 可 
以 再 划分 子 模块 ,如 购物 车 分 为 添加 购物 车 和 查看 购物 车 两 个 子 模块 。 后 台 管 理 系 统 是 
网 站 管理 员 使 用 ,包括 会 员 管 理 、 商 品类 别管 理 、 商 品 管理 和 订单 处 理 4 大 模块 ,还 可 以 
再 划分 子 模块 ,如 商品 管理 分 为 查询 商品 .添加 新 商品 .修改 商品 信息 和 删除 商品 4 个 子 
模块 ,如 图 13. 1 所 示 。 








网 上 购物 商城 系统 








































































































前 台 网 站 功能 后 台 管 理 系统 
I 
| 7 
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曾 | 处 搜 | | 各 管 | | 处 
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会 | | 会 | | 添 | | 查 | | 提 | | 取 | | 坦 查 | | 添 | | 修 | | 其 
员 | | 员 | | 加 | | 看 | | 交 | | 消 | 看 诲 | | 加 | | 改 | | 除 
注 | | 登 | “| 购 | | 购 | | 条 | | 订 | | 订 高 | | 新 | | 商 | | 商 
让 | | 对 | | 复 | | 物 | | 单 || 单间 品 | | 章 | | 唱 | | 品 
2 [fel 



































13.1 功能 结构 图 


1322 数据 库 设计 


根据 网 站 需求 设计 数据 库 , 共 包含 5 个 表 , 分 别 如 下 。 
(1) 用 户 信息 表 : 保存 注册 会 员 和 管理 员 信 息 的 信息 。 
(2) 商品 类 别 表 : 保存 商品 的 类 别 信 息 。 

(3) 商品 信息 表 : 保存 商品 的 基本 信息 。 
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(4) 订单 信息 表 : 保存 订单 的 基本 信息 ,一 个 订单 可 以 包含 多 种 商品 ,为 避免 数据 元 
余 , 不 保存 具体 的 商品 。 

(5) 订单 详细 信息 表 : 保存 订单 包含 的 具体 商品 信息 。 

商品 类 别 和 商品 是 一 对 多 的 关系 ,每 个 类 别 可 以 包含 多 个 商品 ,每 个 商品 编号 的 商 
品 只 能 属于 一 个 商品 类 别 。 订 单 和 商品 属于 多 对 多 的 关系 ,因此 使 用 订单 信息 表 保 存 订 
单 的 相关 属性 ,如 提交 订单 的 用 户 、 订 单 的 商品 数量 .订单 的 配送 信息 等 ,订单 详细 信息 
表 保 存 订 单 中 的 商品 信息 ,如 商品 的 编号 、 名 称 、 数 量 等 。 

本 网 站 采用 SQL Server 2012, 数据库 名 为 shop, 表 名 、 字 段 及 其 他 相关 信息 如 
表 13. 1 一 表 13. 5 所 示 。 


表 13.1 用 户 信 息 表 (userInfo) 


序号 字段 名 数据 类 型 是 否 为 空 是 否 主键 默认 值 描述 























1 ID int 否 是 递增 1 编号 
2 Role int 否 角色 
3 Username varchar(50) 否 用 户 名 
4 Password varchar(20) 否 密码 
. Email varchar(255) 否 邮箱 
6 Telephone varchar(15) 是 电话 
7 Postcode varchar(10) 是 邮编 


表 13.2 商品 类 别 信息 表 (categoryInfo) 


序号 字段 名 数据 类 型 是 否 为 空 是 否 主键 默认 值 描述 








1 ID int 否 是 递增 1 编号 
2 Name nvarchar(50) 否 用 户 名 








表 13.3 商品 信息 表 (productInfo) 


序号 字段 名 数据 类 型 是 否 为 空 是 否 主键 默认 值 描述 























Y ID int 否 是 递增 1 商品 编号 

2 Name nvarchar(100) 否 商品 名 称 

3 PictureUrl varchar(30) 是 图 片 路 径 

4 Price money 是 价格 

5 Brand nvarchar(50) 是 品牌 

6 Size varchar(50) 是 尺码 范围 

7 ForAges nvarchar(50) 是 适合 的 年 龄 





8 Stock int 是 库存 数 
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续 表 
序号 字段 名 数据 类 型 是 否 为 空 是 否 主键 默认 值 描述 
9 CategoryID | int 是 所 属 类 别 编号 
10 CreateDate datetime 是 上 架 时 间 
11 Status nvarchar(20) 是 状态 
表 13.4 订单 信息 表 (orderInfo) 
序号 字段 名 数据 类 型 是 否 为 空 是 否 主键 默认 值 描述 
1 |ID int 否 是 递增 1 订单 编号 
2 | TotalMoney | money 否 订单 总 金额 
3 | TotalNum int 是 商品 总 数量 
4 | CreateDate datetime 是 创建 时 间 
5 | UserName varchar(50) 是 订单 所 属 用 户 
6 | Addressee nvarchar(30) 否 收 货 人 姓名 
7 Address nvarchar(100) 否 配送 地 址 
8 | Tel varchar(20) 否 联系 电话 
9 | Status nvarchar(20) 是 状态 
表 13.5 订单 详情 信息 表 (orderltem) 
序号 字段 名 数据 类 型 是 否 为 空 是 否 主键 默认 值 描述 
| ID int 否 是 递增 1 序号 
2 OrderID int 否 订单 编号 
和 ProductID int 否 商品 ID 
4 Number int 是 商品 数量 
5 Price money 是 价格 




















根据 以 上 设计 可 以 创建 数据 库 shop。 
133 网 咎 实现 


本 节 根 据 以 上 需求 分 析 和 数据 库 设 计 , 实 现 网 站 的 具体 功能 。 网 站 页 面 的 跳 转 关系 
及 参数 传递 关系 如 图 13. 2 所 示 。 首 先 运行 Default. aspx 页 面 ,用 DataList 控件 显示 
productInfo 中 的 某 类 (categoryId) 商 品 信息 , 当 单 击 某 商品 时 ,打开 ProductDetail. aspx 
页 面 ,并 传递 商品 Id(productid)。ProductDetail. aspx 页 面 显示 某 个 商品 Id(productid) 
的 详细 信息 , 当 单 击 【购物 车 按钮 时 ,首先 将 当前 显示 商品 添加 到 二 维 结构 的 内 存 表 
Cart 中 ,然后 保存 到 购物 车 (Session["ShoppingCart"]) 中 ,以 便 其 他 页 面 也 可 以 访问 购 
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物 车 信息 。shoppingCart. aspx 页 面 可 以 查看 当前 购物 车 中 的 商品 信息 ,并 可 以 修改 商 
品 数 量 、 删 除 商 品 , 将 要 提交 结算 的 商品 信息 保存 到 SessionL" ShoppingCart2"] 中 ,继而 
在 提交 订单 页 面 显 示 并 确认 要 结算 的 订单 商品 信息 。 在 AddOrder. aspx 页 面 可 以 填写 
其 他 有 关 订 单 的 信息 , 当 单 击 提 交 订 单 时 一 起 添加 到 数据 库 中 的 OrderInfo 表 和 
OrderItem 表 。 会 员 用 户 登 录 后 可 以 提交 订单 ,管理 员 登 录 后 可 以 进入 后 台 管 理 页 面 。 


productmf | orderInfo 表 | 
orderItem 表 


Defaultaspx 



































ProductDetail.aspx shoppingCart.aspx 
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Menu| | DataList 
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AddOrderDet.aspx 
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四 ~ | AdminManage.aspx 


Session["ShoppingCart"] Session["ShoppingCart2"] 


13.2 网 站 页 面 的 内 部 结构 及 信息 传递 
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133.1 用 户 登 录 


用 户 注册 是 新 用 户 可 以 通过 填写 信息 申请 一 个 会 员 了 昵称 ,用 于 登录 网 站 。 该 功能 只 
需 作 一 个 页 面 , 从 首页 链接 打开 即 可 。 这 里 不 予 介绍 。 用 户 登 录 功 能 是 指 当 用 户 输入 的 
用 户 名 密码 正确 时 ,登录 到 相应 的 界面 ,错误 时 
提示 错误 信息 ,不 能 登录 到 相应 的 界面 。 这 里 
分 为 普通 会 员 和 管理 员 ,数据 库 中 UserInfo 表 
中 的 Role 字段 为 int 型 ,0 表示 管理 员 ,1 表示 
普通 会 员 。 具 体 的 步骤 如 下 。 

(1) 界面 可 以 参照 第 5 章 中 的 实例 5-2， 
【登录 按钮 的 Id 设 为 btnLogin, 如 图 13. 3 图 13.3 登录 功能 的 浏览 效果 
所 示 。 

(2) 双击 btnLogin, 在 Click 事件 中 添加 如 下 代码 。 
































Protected void btnLogin Click (object sender, EventArgs e) 
{ 
// 创 建 连接 对 象 conn 
SqlConnection conn=new SqlConnection () 7 
// 读 取 web.config 中 的 连接 字符 串 作 为 conn 的 连接 串 
conn.Connectionstring= 


ConfigurationManager .ConnectionStrings["shopConnectionString"] .TbString (); 
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// 保 存 用 户 名 和 密码 
String strUname= TextBox].Text; 
string strpwd= TextBox2.Text; 


// 创 建 string 变量 ,用 于 保存 sql 语句 
string strsql= "select Role from userInfo where username= '"+ StrUname+ "' and password 
="'"+strpwdt """; 
// 打 开 连 接 
conn.Open (); 
// 创 建 command 对 象 ,并 传 参 : sql 语句 和 connection 对 象 
SqlCommand comm= new SqlCommand (strsql, conn); 
// 执 行 查询 语句 ,ExecuteScalar 的 返回 值 是 object 类 型 
object x= comm.ExecuteScalar (); 
int intRole; 
// 判 断 查 询 结 果 
if (x==nu11) // 判 断 查 询 结 果 , 为 null 表示 输入 的 用 户 名 或 密码 不 正确 
{ 
lblError.Text=" 你 输入 的 用 户 名 或 密码 不 正确 。"; 
lblError.ForeColor= System.Drawing.Color.Red; 


Session["pass"]=null; 
else 


Session["pass"]="right"; 
Session["username"]= strUname; 
intRole= (int)x; 
if (intRole==0) // 数 据 库 中 Role 字段 的 值 0 表示 管理 员 
{ 
lblError.Text=""; 
// 跳 转 到 管理 页 面 并 传递 登录 的 用 户 名 
Response.Redirect ("AdminManage .aspx?name= " +TextBox].Text); 


} 
else if (intRole==1) // 数 据 库 中 Role 字段 的 值 1 表示 普通 会 员 
{ 
lblError.Text=""; 
// 跳 转 到 网 站 首页 ,并 传递 登录 的 用 户 名 
Response.Redirect ("default .aspx?name=" +TextBox] .Text); 
} 
} 
// 关 闭 连接 


conn.Close(); 


} 
代码 实现 了 车 输入 的 用 户 名 或 密码 错误 , 则 用 SessionL "pass"] 标 记 登 录 失败 ;车 输 
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入 的 用 户 名 密码 正确 , 则 用 SessionL"pass" 标记 登录 成 功 , 上 且 若 是 管理 员 , 则 跳 转 到 管理 
员 页 面 AdminManage. aspx, 若 是 普通 会 员 则 跳 转 到 default. aspx 页 面 。 


1332 有 母 版 页 设计 


网 站 的 首页 和 购物 页 面 使 用 母 版 页 设计 相同 功能 部 分 ,操作 提示 如 下 。 

(1) 新 建 一 个 空 网 站 childShop ,这 里 把 数据 库 shop 放 在 网 站 的 App_Data 中 。 

(2) 添加 一 个 MasterPage. master 母 版 页 ,并 根据 布局 需要 添加 table。 这 里 添加 一 
个 5 行 3 列 的 table, 并 将 ContentPlaceHolder 控件 拖 和 人 适当 的 位 置 ,修改 后 的 代码 如 下 。 


<table class= "auto- stylel"> 
<tr> 
<td> gnbsp;< /td> 
<td> gnbsp;< /td> 
<td> gnbsp;< /td> 
</tr> 
<tr> 
<td> gnbsp;< /td> 
<td> gnbsp;< /td> 
<td> gnbsp;< /td> 
</tr> 
< 
<td> gnbsp;< /td> 
<td> gnbsp;< /td> 
<td> gnbsp;< /td> 
</tr> 
<tr> 
<td> gnbsp;< /td> 
<td colspan= "2"> 
<asp:ContentPlaceHolder id= "ContentPlaceHolder1l" runat= "server"> 
</asp:ContentPlaceHolder> 
</td> 
</tr> 
< 
<td colspan= "3"> gnbsp;< /td> 
</tr> 
< /table> 


(3) 然后 设计 母 版 页 ,添加 HyperLink 控件 ,Image 控件 等 。 一 些 功能 还 可 以 使 用 用 
户 控件 实现 ,如 搜索 功能 .导航 功能 等 。 这 里 将 导航 栏目 部 分 设计 为 用 户 控件 , 母 版 页 的 
设计 效果 如 图 13.4 所 示 。 

(4) 生成 的 代码 如 下 。 


< %@Master Language= "C# " AutogventWireup= "true" CodeFile= "MasterPage.master.cs" 
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Menu Daohang.ascx HyperLink 






































网 站 声明 . . .联系 方式 ... 


| SheMapDatasouree - SiteMapDataspureel 














图 13.4 母 版 页 设计 效果 


Inherits= "MasterPage" %> 
< $Q@Register src= "daoHang.ascx" tagname= "daoHang" tagprefix= "ucl" $> 
< !DOCTYPE html> 
<html xmlns= "http://www.w3.org/1999/xhtml"> 
<head id= "Head1" runat= "server"> 
<meta http- equiv= "Content- Type" content= "text/html; charset=utf- 8"/> 
<title>< /title> 
<asp:ContentPlaceHolder id= "head" runat= "server"> 
< /asp:ContentPlaceHolder> 
<style type= "text/css"> 
-auto- stylel { 
width: 100%; 
} 
-auto- style5 { 
height: 261px7 
width: 131px; 
Vertical-align: top; 
-auto- style6 { 
width: 80px; 
-auto- style8 { 
width: 579px; 
text- align: right; 
height: 69px; 
8 
-auto- style9 { 
height: 69px; 
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-auto- stylel0 { 
width: 579px; 
text- align: right; 
height: 20px; 
} 
-auto- stylell { 
height: 261px7 
-auto- stylel2 { 
width: 100%; 
text- align: center; 
Vertical-align: top; 
} 
-auto- stylel4 { 
width: 112px; 
} 
-auto- stylel5 { 
width: 131px; 
} 
</style> 
< script type= "text/javascript" lang= "javascript"> 
function imgarray (len) { 
this.length= len; 
} 
imgname= new imgarray (5); 
imgname [0]= "images/Ad1 .png"; 





imgname [1]= "images/Ad2.png"; 
imgname [2]= "images/Ad3.png"; 
var i=-1; 
function playing() { 
if (i==2) { 
i=0; 
} 
else { 
到 不 志 光 
} 
myimg.src= imgname [i]; 


//10000 表示 每 隔 10s 就 执行 playing () 一 次 , 即 是 自动 显示 下 一 张 图 片 


mytimeout= setTimeout ("playing()"，10000) 7 
} 
*/oeript> 
< /head> 
<body onload= "playing () "> 


< form id= "forml" runat= "server"> 
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<div> 
<table class="auto- stylel"> 
<tr> 
<td class= "auto- stylel5" rowspan= "2"> 
< asp: Image ID="Imagel" runat="server" Height="109px"” Width=" 
115px" ImageUrl= "~ /images/logo.png" /> 
</td> 
<td class= "auto- style10"> 
<table class= "auto- style12"> 
E> 
<td></td> 
<td class= "auto- stylel4"> 
< asp: HyperLink ID=" HyperLinkl" runat =" server" 
NavigateUrl =" userRegister. aspx" > 注 册 < /asp: 
HyperLink> 
</td> 
<td class= "auto- style6"> 
< asp: HyperLink ID =" HyperLink2" runat =" server" 
NavigateUrl= "~ /userLogin.aspx"> 登 录 < /asp:HyperLink 
> 
&nbsp; gnbsp; gnbsp; 
</td> 
<td class= "auto- style6"> 
< asp: HyperLink ID =" HyperLink4" runat =" server" 
NavigateUrl= "~ /shoppingCart.aspx"> 我 的 购物 车 < /asp: 
HyperLink> 
</td> 
<td class= "auto- style6"> 
< asp: HyperLink ID=" HyperLink5" runat =" server" 
NavigateUrl =" ~/myOrder. aspx"> 我 的 订单 </asp: 
HyperLink> 
</td> 
</tr> 
</table> 
</ta> 
< td> gnbsp; gnbsp; < /td> 
</tr> 
<tr> 
<td class= "auto- style8" style= "text- align:center"> 
< asp: TextBox ID="TextBoxl" runat="server" style="margin- left: 
Opx" Width= "258px" Height= "25px">< /asp:TextBox> 
&nbsp; Enbsp; 
<asp:Button ID="Button1" runat="server" Text=" 查 找 " Height=" 
31px" Width= "59px" /> 
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</td> 

<td class= "auto- style9">< /td> 
</tr> 
<tr> 





<td class= "auto- style15"> gnbsp;< /td> 
<td class= "auto- style10"> 
<asp:Panel ID="Panell" runat= "server"> 
<ucl:daoHang ID= "daoHang4" runat= "server" /> 
</asp:Panel> 
</td> 
<td> gnbsp;< /td> 
</tr> 
< 
<td class= "auto- style5"> 
<asp:Menu ID= "Menul" runat= "server" DataSourceID= 
"SiteMapDataSourcel" Orientation= "Horizontal"> 
< DynamicHoverStyle ForeColor= "#CC0000" /> 
< DynamicSelectedStyle BackColor= "# FF9999" /> 
< /asp:Menu> 
</td> 
<td colspan= "2" class= "auto- stylell"> 
<asp:ContentPlaceHolder id= "ContentPlaceHolderl" runat= 
"server"> 


<table class="auto- style12"> 


<tr> 
<td> gnbsp;< /td> 
</tr> 
< /table> 
</asp:ContentPlaceHolder> 
</td> 

</tr> 
<tr> 


<td colspan= "3" style= "text- align:center"> 
<br /> 
网 站 声明 … 联 系 方式 … 
<asp:SiteMapDataSource ID= "SiteMapDataSourcel" runat= 
"server" /> 
</td> 
</tr> 
</table> 
</div> 
< /form> 
< /body> 
< /html> 
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关于 代码 的 说 明 如 下 。 

(1) 二 script 记 脚本 部 分 是 实现 广告 自动 切换 ,使 用 body 标记 的 属性 onload 二 
"playing()" 调 用 ,显示 广告 的 控件 myimg 可 以 在 内 容 页 上 设计 ,这 里 将 在 主页 Default 
.aspx 页 面 中 设计 。 

(2) 页 面 中 的 导航 栏目 部 分 使 用 用 户 控件 daoHang. ascx 显示 , 放 在 一 个 Panel 容器 
控件 中 。 

(3) Menu 控件 实现 左 侧 动 态 菜单 部 分 的 功能 ,使 用 SiteMapDataSource 控件 与 站 点 
地 图 绑 定 ,添加 站 点 地 图 文件 并 修改 代码 如 下 。 


<?xml version= "1.0" encoding= "utf- 8" ?> 
< siteMap xmlns= "http://schemas .microsoft.com/AspNet/SiteMap-File-1.0" > 
< siteMapNode url= "~ /default.aspx" title= "商品 分 类 " description=" 首 页 "> 
< siteMapNode url= "~ /new.aspx" title= "新 品 " description= "新 品 "> 
</siteMapNode> 
< siteMapNode url= "~ /taoZhuang.aspx" title=" 儿 童 套装 " description=" 儿 童 套装 " 
> 
< /siteMapNode> 
<siteMapNode url= "~ /shangYi.aspx" title= "儿童 上 衣 " description= "儿童 上 
衣 "> 
</siteMapNode> 
< siteMapNode url= "~ /kuZi.aspx" title= "儿童 裤 装 " description= "儿童 裤 装 " 
» 
< /siteMapNode> 
<siteMapNode url= "~ /nvQun.aspx" title= "儿童 裙 装 " description= "儿童 裙 
a 
< siteMapNode url="~ /nvQun/lianYiQun.aspx" title= "连衣裙 " description= "连衣裙 " 
/> 
</siteMapNode> 
</siteMapNode> 
</siteMap> 


(4) 代码 中 使 用 的 CSS 样式 大 部 分 通过 可 视 化 调节 自动 生成 ,也 可 以 手动 修改 。 


(5) 代码 及 站 点 地 图 中 需要 打开 的 URL 页 面 资 源 , 如 userLogin. aspx, 可 以 现在 创 
建 也 可 以 后 续 创 建 。 


1333 首页 及 商品 显示 


1. 首页 


网 站 首页 是 网 站 的 入口 ,需要 引用 13. 3. 2 节 中 设计 的 母 版 页 ,可 以 显示 推荐 商品 或 
畅销 商品 等 ,也 可 以 显示 某 一 类 商品 。 这 里 演示 使 用 DataList 显示 Menu 控件 中 的 某 一 
类 商品 的 图 片 .价格 和 和 名称, 并 且 单 击 DataList 中 ImageButton 控件 或 HyperLink 控件 
可 以 跳 转 到 单 击 商品 的 详细 信息 页 面 。 
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步 又 如 下 。 


(1) 在 母 版 页 中 右 击 ,选择 [添加 内 容 页 】 ,添加 一 个 default. aspx 页 面 。 

(2) 在 default 页 面 中 添加 一 个 两 行 一 列 的 table, 添 加 一 个 Image 控件 (id 设 为 
myimg) 和 一 个 DataList 控件 。 配 置 DataList 控件 的 数据 源 ,选择 shop 数据 库 ,在 Web. 
config 中 保存 shopConnectionString 连接 字符 串 。Select 语句 配置 时 ,选择 productInfo 


表 ,ID、Name、PictureUrl 和 Price 字段 (如 图 13. 5 所 示 ) 。 





名 称 (M): 


配置 数据 源 - DLSqlDataSource 


图 -一 Select 语句 


希望 如 何 从 数据 库 中 检索 数据 ? 
吕 〇 指定 自 定义 SQL 语句 或 存储 过 程 (9 
图 指定 来 自 表 或 视图 的 列 中 





productinfo 











列 (O): 











区 











回 Name 








回 pictureun 


局 CI 




















口 Formages 
Stock 














CategorylD 
CreateDate 
Status 








只 iE 回 唯一 行 旧 





WHERECW)... 








ORDER BY®),.. 











高 级 WW).… 











SELECT 语句 必 ; 








SELECT [ld], [Namel, [PictureUrl], [Price] FROM [productinfo] 
































13.5 配置 Select 语句 


在 生成 的 SQL 语句 中 修改 Name 字段 的 数值 长 度 , 使 用 substring 截取 前 10 个 字 


符 。 代 码 如 下 。 


<asp:SqlDataSource ID= "SqlDataSource Product" runat= "server" Connectionstring= 
"<s$ConnectionStrings :shopConnectionString %$>" SelectCommand= "SELECT [Id], 


substring ([Name] ,0,10) as Name, [PictureUrl], [Price] FROM [productInfo]"> 


< /asp:SqlDataSource> 


substring 是 SQL Server 提供 的 截取 字符 串 的 子 字 符 串 的 函数 。 语 法 格式 是 : 
substring(string, int, int) ,作用 是 返回 第 一 个 参数 中 从 第 二 个 参数 指定 的 位 置 开始 、 第 


三 个 参数 指定 的 长 度 的 子 字 符 串 。 


(3) 单 击 [DataList 任务 了 ,选择 编辑 模板 ,只 保留 显示 Name 和 Price 的 Label 绑 定 
控件 ,其 余 删除 。 然 后 使 用 table 布局 。 再 拖 和 一 个 InageButton 控件 ,把 它 的 ImageUrl 
属性 绑 定 PictureUrl 属性 ,PostBackUrl 属性 设 为 二 名 并 Eval("Id", "一 /productDetail. 
aspx?id 一 {0)")% 盖 '。DataList 控件 的 代码 如 下 。 
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<asp:DataList ID= "DataList1" runat= "server" DataKeyField= "Id" DataSourceID= 
"SqlDataSource Product" RepeatColumns= "4" RepeatDirection= "Horizontal™ 
Width= "591px"> 


<ItemTemplate> 
<table class= "auto- stylel2" style= "width: 38%"> 
<tr> 
<td> 
<asp: ImageButton ID= "ImageButton1"” runat= "server" Height= 
"178px" ImageUrl= '<$%#Eval ("PictureUrl") %>" PostBackUrl= 
'<$S#Eval ("Id", "~ /productDetail .aspx?id= {0}")%>" Width= 
172pm /> 
</td> 
</tr> 
<tr> 
<td> 
<asp:Label ID= "Price" runat= "server" Text= 
'<%#Eval ("Price") $>"' /> 
</td> 
</tr> 
区 E> 
<td> 
<asp:HyperLink ID= "HyperLink6" runat= "server" NavigateUrl= 
"< %# Eval ("Id","~ /productDetail .aspx?id= {0}")%>"' Text= 
"< %# Eval ("Name") $>'>< /asp:HyperLink> 
</td> 
</tr> 
</table> 


< /ItemTemplate> 
</asp:DataList> 


在 上 述 代 码 中 ,Eval 用 于 单 向 绑 定 数据 源 中 的 某 个 字段 , 绑 定 Price 字段 后 默认 显示 
效果 如 图 13. 6 所 示 。 可 以 修改 为 Text==' 二 %# Eval("Price","{0:f2)") 上 盖 以 显示 两 


位 小 数 。 
ImageButton 控件 既 可 以 显示 图 片 又 可 以 引发 页 面 转向 。PostBackUrl 





属性 值 ' 二 % 


井 Eval("Id" , "一 /productDetail. aspx?id 二 {0}")% 记 表示 跳 转 到 ~~/productDetail. aspx 
页 面 并 向 页 面 传递 参数 id, 参 数 的 值 为 数据 源 中 与 单 击 图 片 对 应 的 商品 编号 Id 的 值 。 


(4) default. aspx 页 面 的 浏览 效果 如 图 13. 6 所 示 。 


2. 商品 详情 


商品 详情 是 显示 某 商 品 的 详细 信息 。 商 品 详情 页 面 ProductDetail. aspx 的 制作 过 程 


如 下 。 


(1) 在 母 版 页 中 右 击 ,选择 [添加 内 容 页 】 ,添加 一 个 ProductDetail. aspx 页 面 。 








| focalhoceT3a /doinulases 


商品 分 关 ， 
最 


新 

儿童 套装 
儿童 上 衣 
儿童 裤 装 
儿童 袜 装 * 连衣裙 




















3.6 首页 浏览 效果 


(2) 在 页 面 ProductDetail. aspx 中 添加 GridView1， 










| 显示 广告 的 Tmage 
控件 myimg 


| 一 DataList 控 件 





并 配置 数据 源 , 使 用 已 有 的 数据 


连接 串 shopConnectionString, 从 ProductInfo 表 中 选择 需要 的 字段 ,如 图 13.7 所 示 。 并 


配置 WHERE 条 件 , 如 图 13. 8 所 示 。 












































































































































配置 激 据 源 - sqlDataSource_proDetail ? x 
日 配置 Select 语句 
3 
希望 如 何 从 数据 库 中 检索 数据 ? 
O 〇 指定 自 定义 SQL 语句 或 存储 过 程 (3 
图 指定 来 自 表 或 视图 的 列 中 
名 称 (M): 
productinfo 
列 Q): 
加 回 CategoylD 口 只 返回 唯一 行 @ 
四 折 [wer | 
目 wn。 ee | 
回 pictureun ORDER BYCR).. 
回 prce 
回 Brand 高 级 QW). 
回 Size 
回 Forages 
Stock 
SELECT 语句 属 ; 
SELECT [Id], [Namel [PictureUrl], [Price], [Brand] [Size], [ForAges], [CategorylD] [CreateDate] FROM [productinfo] ~ 
WHERE (ld] = @Id) v 
< 上 40 | | 下 su | ww 





























图 13.7 配置 Select 语句 


Os B2C 网 上 购物 系统 


275 








添加 WHERE 子 句 ? x 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条 件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 
其 属性 获取 值 。 


列 ©): 参数 属性 






























































机 到 QueryString 字段 D)， 
运算 符 (D): 中 
= ~ 默认 值 ; 
源 G; 
QueryString ed 
SQL 表达 式 : 值 
[Id] = @ld2 Request,QueryString("ld") 添 pn 四 
WHERE 子 句 QU; 
SQL 表达 式 值 四 



































图 13.8 配置 WHERE 条件 


生成 的 SqlDataSource 控件 的 代码 如 下 。 


<asp:SqlDataSource ID= "SqlDataSource proDetail" runat= "server" ConnectionString= 
"<s$ConnectionStrings:shopConnectionString %$>" SelectCommand= "SELECT [Id], 
[Name], [PictureUrl], [Price], [Brand], [Size], [ForAges], [CategoryID], 
[CreateDate] FROM [productInfo] WHERE ([Id]=@Id)"> 
<SelectParameters> 
<asp:QueryStringParameter Name= "Id" QueryStringField= "Id" Type= 
"Int32" /> 
< /SelectParameters> 


< /asp:SqlDataSource> 


(3) 单 击 【GridView 任务 】 ,选择 【编辑 列 】]。 在 打开 的 对 话 框 中 (如 图 13. 9 所 示 ) , 删 


除 所 有 绑 定 列 ,添加 一 个 模板 列 (TemplateField) ,并 设置 HeaderText 属性 为 “商品 详 
情 ”。 单 击 【 确 定 ] 按 钮 关闭 对 话 框 。 


(4) 单 击 [GridView 任务 】 ,选择 【编辑 模板 】, 设 计 模 板 列 的 ItemTemplate 模板 , 添 


生成 的 GridView 代码 如 下 。 


<asp:GridView ID= "GridView1" runat= "server" AutoGenerateColumns= "False" 


加 要 显示 的 商品 信息 。 添 加 Table 用 于 布局 ,Image 控件 绑 定 PictureUrl 字段 ,选择 尺码 
用 RadioButtonList 控件 ,价格 Label 绑 定 Price, 并 设置 显示 两 位 小 数 , 如 图 13. 10 所 示 。 
数据 库 中 尺码 范围 是 一 个 字段 ,无 法 直接 绑 定 到 RadioButtonList 控件 ,这 里 暂 用 几 个 常 
用 的 尺码 代替 。 读 者 可 以 在 数据 库 中 多 建 几 个 字段 分 别 代表 一 个 尺码 ,界面 中 用 
RadioButton 控件 分 别 绑 定 字段 。 也 可 以 将 这 里 的 数据 源 使 用 编写 代码 的 形式 实现 。 
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字段 


可 用 字段 办 


TemplateField 属性 (中 ): 





是 8BoundField 
于 CheckBoxField 
HyperLinkField 
ImageField 
ButtonField 
上 CommandField 
二 TemplateField 








国 &%|z 


ConvertEmptyStringTo True 


















InsertVisible False 








ShowHeader [True 
SortExpression 








ValidateRequestMode | Inherit 























DunamicField 
Visible True 
选 定 的 字段 (3; AccessibleHeaderText 






FooterTet 
HeaderlmnageUrl 













HeaderText 
此 字段 的 标 头 内 的 文本 。 























13.9 编辑 GridView 列 




















Label2 DataBindings ? x 
选择 要 绑 定 到 的 属性 ， 然 后 可 通过 选择 字段 来 绑 定 它 。 也 可 使 用 自 定义 代码 表达 式 绑 定 它 。 
可 绑 定 属性 (p)， 为 Tedt 绑 定 
塌 Enabled 让 ; 
ee 
Visible 勿 十 到 @) 证 疡 4] 了 4 
格式 (0); 加 
示例 
双向 数据 绑 
口 显 示 所 有 属性 他 ) 
图 自 定义 绑 定 (O: 
代码 表达 式 (E): 
Eval(Price",format:"{0:f2}") 
Bi 














13.10 价格 Label 绑 定 Price 


DataKeyNames= "Id" DataSourceID= "SqlDataSource proDetail" style= "margin- 


right: auto"> 


<Columns> 


<asp:TemplateField HeaderText= "商品 详情 " InsertVisible="False"> 


<ItemTemplate> 


<table class="auto- style16"> 


<tr> 
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<td class= "auto- style20" rowspan= "6"> 
<asp:Image ID= "Image2" runat= "server" Height= 
"211px" ImageUrl= '<%#Eval ("PictureUrl") $>" 
Width= "228px" /> 
< 
<td colspan= "2"> 
<asp:Label ID= "Labell" runat= "server" Text= 
'<$%#Eval ("Name") $>'></asp:Label> 
</td> 
< te 
<tr> 
<td class= "auto- style26" > 价格 : < /td> 
<td> 
<asp:Label ID= "Label2" runat= "server" Text= 
'<%#Eval ("Price", format:"{0:f2}") $> '>< /asp:Label> 
</td> 
</tr> 
<tr> 
<td class="auto- style26"> 品 牌 : < /td> 
<td> 
<asp:Label ID= "Label3" runat= "server" Text= 
'<$%#Eval ("Brand") %>'>< /asp:Label> 
</td> 
</tr> 
<tr> 
<td class= "auto- style26"> 尺 码 : < /td> 
<td> 
<asp:RadioButtonList ID= "RadioButtonList1" runat= 
"server" RepeatColumns= "5" RepeatDirection= 
"Horizontal" Width= "276px"> 
<asp:ListItem Selected= "True"> 110< /asp:ListItem> 
<asp:ListItem> 120< /asp:ListItem> 
<asp:ListItem> 130< /asp:ListItem> 
<asp:ListItem> 140< /asp:ListItem> 
<asp:ListItem> 150< /asp:ListItem> 
< /asp:RadioButtonList> 
</td> 
</tr> 
天 本 入 
<td class= "auto-- style22"> 适 合 年 龄 Rd 
<td class= "auto- style23"> 
<asp:Label ID= "Label4" runat= "server" Text= 
'<%#Eval ("ForAges") %>'>< /asp:Label> 
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</td> 
</tr> 
<tr> 
<td class= "auto- style26"> 上 架 时 间 : < /td> 
<td> 
<asp:Label ID= "Dabe15" runat= "server" Text= 
'<%#Eval ("CreateDate", "{0:d}") %$>'></asp:Label> 
</td> 
</tr> 


< ry 


<td class= "auto- style20"> gnbsp;< /td> 
<td class= "auto- stylel9" colspan= "2"> 
<asp:Button ID="Button2" runat="server" Text=" 加 入 购物 
车 Wi/> 
</td> 
</tr> 
</table> 
</ItemTemplate> 
< /asp:TemplateField> 
< /Columns> 
< EmptyDataTemplate> 
该 商品 已 经 下 架 啦 。 
< /EmptyDataTemplate> 
< /asp:GridView> 


\ 一 人 一 


(5) 运行 Default 页面 , 单 击 某 商品 , 即 可 打开 ProductDetail. aspx 页 面 并 显示 单 击 


商品 的 详细 信息 。ProductDetail. aspx 页 面 的 运行 效果 如 图 13. 11 所 示 。 


日 locahost X 





| | localhost7381/productDetal aspid=2 


Ry = 


首页 “女童 小 屋 。 男 童 馆 潮流 服饰 。 鞋 类 新 品 。 服装 饰品 


a 


























商品 分 类 > 商品 详情 
2016 灰 姑娘 同 款 圣诞 节 公主 裙子 女童 礼服 裙 儿童 演出 
礼服 装 长 款 蓬 茎 连 衣 祖 
价格 : 119.00 
品牌: 贡 菊 
尺码 : @110 O120 O130 O140 O150 
适合 年 龄 : 4-14 
上 架 时 间 : 2016/1/1 




















网 站 声明 ..… 联 系 方式 .… 








图 13.11 ProductDetail. aspx 页 面 的 运行 效果 
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1334 购物 车 模块 


1. 添加 购物 车 功能 


购物 车 信息 需要 在 多 个 页 面 之 间 共 享 和 传递 ,可 以 用 Session 实现 。 购 物 车 中 的 商 
品 信息 是 一 个 行列 结构 的 二 维 信 息 ,可 以 用 DataTable 或 ArrayList 保存 ,便于 操作 。 这 
里 采用 DataTable, DataTable 的 使 用 方法 参考 第 8. 6 节 的 内 容 。 当 用 户 单 击 页 面 
ProductDetail. aspx 中 的 [加 入 购物 车 ] 按 钮 时 ,将 把 当前 页 面 的 商品 添加 到 购物 车 。 如 
果 是 第 一 次 单 击 添加 购物 车 ,需要 创建 购物 车 ,再 添加 当前 商品 信息 ;如 果 不 是 第 一 次 ， 
只 需 将 商品 信息 添加 到 当前 购物 车 中 。 具 体 的 操作 过 程 如 下 。 

(1) 打开 GridViewl 的 编辑 模板 ,设置 [加 入 购物 车 按钮 的 CommandName, 这 里 设 
为 AddProduct。 

(2) 在 【属性 窗口 中 单 击 多 按钮 , 打开 【事件 窗口 , 双击 GridViewl 的 
RowCommand 事件 ,自动 添加 GridViewl1_RowCommand 事件 ,在 该 事件 中 添加 以 下 
代码 。 

protected void GridView1 RowCommand (object sender, GridViewCommandEventArgs e) 

{ 





// 创 建 DataTable 对 象 cart, 用 于 保存 购物 车 商品 信息 
System.Data.DataTable Cart=new System.Data.DataTable (); 
// 判 断 是 否 单 击 了 【加 入 购物 车 3 按钮 
if (e.CommandName== "AddProduct") 
{ 
if (Session["ShoppingCart"]==null)  // 判 断 购 物 车 是 否 存在 
{ 
// 首 次 添加 商品 ,定义 数据 表 结 构 
Cart.Columns.Agd ("商品 编号 "，typeof (int)); 
Cart.Columns.Add ("商品 名 称 "，typeof (string)); 
Cart.Columns.Add ("商品 单价 "，typeof (double)); 
Cart.Columns.Add(" 选 购 尺码 "，typeof (string)); 
Session["ShoppingCart"]=Cart; 
} 
// 添 加 选 购 商 品 ,在 本 页 面 中 Gridview 中 仅 显示 一 条 商品 ,Index 值 为 0 
GridViewRow row=GridView] .Rows[0]; 
// 从 购物 车 中 取出 商品 ,并 保存 到 内 存 数 据 表 cart 中 
Cart= (System.Data.DataTable) Session["ShoppingCart"]; 
string strName= ( (Label)row.Cells[0] .FindControl ("Label1")) .Text; 
double dblPrice= double.Parse(((Label)row.Cells[0] 
.FindControl ("Label2")) .Text); 
RadioButtonList rb= (RadioButtonList)row.Cells[0] 
.FindControl ("RadioButtonList1"); 
string strSize= rb.SelectedValue; 


280 人 ae 去 网 站 开发 





System.Data.DataRow rr= Cart .NewRow (); 

rr[" 商 品 编号 "]=intBh; 

rr[" 商 品名 称 "]=strName; 

rr[" 商 品 单价 "]=dblPrice; 

rr[" 选 购 尺码 "]= strsize; 

Cart .Rows.Add (rr); 

Session["ShoppingCart"]=Cart; 

Response.Write ("< script language= 'javascript'>alert (' 成 功 加 入 购物 车 .');</ 


script> "); 


} 


在 上 述 代码 中 需要 从 GridView 控件 中 获取 商品 信息 。 如 果 是 GridView 的 
BoundField 可 以 使 用 GridView1. Rows[Lindex]. Cells[ index2]. Text 获取 第 index 行 
index2 列 的 值 。 如 果 是 TemplateField ,需要 使 用 FindControl 方法 获取 某 个 控件 ,并 使 
用 类 型 转换 为 对 应 类 型 的 控件 对 象 ,再 使 用 。 如 string strName 一 ((Label) row 
. Cells[0]. FindControl("Label1")). Text ; 即 从 第 0 行 第 0 列 获得 Id 为 Labell 的 控件 ,再 转 
换 为 Label 控件 的 对 象 ,最 后 使 用 Text 属性 获取 显示 值 保存 到 string 变量 strName 中 。 


2. 查看 购物 车 


通过 上 面 的 添加 购车 操作 可 以 将 多 个 商品 加 入 购物 车 ,如 果 要 查看 当前 购物 车 中 的 
商品 信息 ,可 以 单 击 母 版 页 中 的 [我 的 购物 车 ]。 具 体 的 实现 步骤 如 下 。 

(1) 右 击 网 站 名 ,添加 使 用 母 版 页 的 内 容 页 shoppingCart. aspx, 在 页 面 上 添加 一 个 
GridView \ 两 个 Button 和 一 个 Label 控件 。GridView 控件 添加 两 个 绑 定 列 ,分别 添加 一 
个 Checkbox 和 一 个 TextBox,TextBox 的 默认 值 为 1。 添加 4 个 绑 定 列 ,分别 绑 定数 据 
源 购 物 车 中 的 “商品 编号 ”商品 名 称 ”“ 商 品 单价 ”“ 选 购 尺码 ”。 并 设置 绑 定 列 的 
HeaderText 和 Wrap 属性 为 false( 如 图 13. 12 所 示 )。 

页 面 shoppingCart. aspx 的 设计 效果 如 图 13. 13 所 示 。 

(2) 在 Page_Load 中 设置 GridViewl 的 数据 源 , 使 页 面 首次 加 载 时 即 可 显示 数据 。 
这 里 数据 源 为 Session["ShoppingCart"] ,不 需 从 数据 库 中 获取 。 代 码 如 下 。 

protected void Page Load (object sender, EventArgs e) 

{ 

if (!IsPostBack) 

{ 
GridView] .DataSource= Session{["ShoppingCart"]; 
DataBind(); 


} 


(3) 单 击 【合计 了 按钮 时 可 以 统计 当前 选中 商品 的 总 价格 。 在 购物 车 Session 
[ "ShoppingCart"] 中 放 商 品 单价 了 字段 在 第 三 列 , 在 本 页 面 的 GridView 中 为 第 4 列 ( 增 


加 了 一 个 checkBox 列 ) ,index 值 为 3。 添 加 【合计 按钮 的 Click 事件 ,添加 如 下 代码 。 
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- 团 CheckBoxField 
HyperLinkField 
ImageField 
ButtonField 

四 图 CommandField 
ss TemplateField 
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选 定 的 字段 人 3， 
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让 TemplateField 
是 编号 
是 名 称 
用 单价 
是 尺码 
调 数 量 











口 自动 生成 字段 (6) 
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字段 ? Xx 
可 用 字段 四 ); BoundField 属性 (): 
= BoundField ~ 园 凤 | £ 










BackColor 
BorderColor 

BorderStyle NotSet 
BorderWidth 

CssClass 

> Font 

ForeColor 

Height | 
HorizontalAlign | NotSet 
VerticalAlign | NotSet 
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所 数据 绑 定 


_ 编 号 名 称 


单价 尺码 
数据 绑 定 “数据 绑 定 “ 汉 











后 数 据 绑 定 
数据 坟 定 
己 数据 绑 定 


广 数据 绑 定 | 


歼 据 绑 定数 据 绑 定 



















13.13 页面 shoppingCart. aspx 的 设计 效果 


Protected void btnSum Click (object sender, EventArgs e) 


{ 


double sum=0.0; 


for (int i=0; i<GridView]l.Rows.Count; i++) 


{ 
CheckBox cb= 


(CheckBox) GridView] .Rows[i] .Cells[0] .FindControl ("CheckBox1"); 


if (cb.Checked) 


i 


sum= sum + (double.Parse (GridView] .Rows[i] .Cells[3] .Text)); 
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} 
Label12.Text= sum.ToString (); 


} 


如 果 需 要 单 击 CheckBox 时 直接 显示 合计 金额 ,可 以 参考 3.7 节 中 的 内 容 使 用 
CheckBox 控件 的 AutoPostBack 属性 和 CheckChanged 事件 完成 。 并 在 该 事件 中 添加 


【合计 3 按钮 中 的 代码 。 
(4) 添加 [去 结算 了 按钮 的 Click 事件 ,添加 如 下 代码 ,实现 将 选择 商品 添加 要 结算 的 
shoppingCart2 中 ,并 跳 转 到 提交 订单 页 面 。 


Protected void btnGo Click (object sender, EventArgs e) 
下 
for (int i=0; i<GridView1.Rows .Count; i++) 
{ 
CheckBox cb= 
(CheckBox) GridView] .Rows [i] .Cells[0] .FindControl ("CheckBox1"); 
if (cb.Checked) 
{ 
shoppingCartGo (i); 


} 
Response.Redirect ("AddOrder .aspx"); 
} 
// 自 定义 方法 
private void shoppingCartGo (int i) 
{ 
// 创 建 DataTable 对 象 cart, 用 于 保存 购物 车 商品 信息 
System.Data.DataTable Cart=new System.Data.DataTable (); 
// 判 断 是 否 首次 单 击 确认 商品 
if (Session["ShoppingCart2"]==null) 
{ 
// 定 义 数据 表 结 构 
Cart .Columns.Agd ("商品 编号 "，typeof (int)); 
Cart.Columns.Add ("商品 名 称 "，typeof (string)); 
Cart .Columns.Agd ("商品 单价 ",，typeof (double)); 
Cart.Columns.Add(" 选 购 尺码 "，typeof (string)); 
Cart.Columns.Adqd ("商品 数量 "，typeof (int)); 
Session["ShoppingCart2"]=Cart; 
} 
// 添 加 选 购 商品 
GridViewRow row=GridView] .Rows[il]; 
Cart= (System.Data.DataTable) Session["ShoppingCart2"]; 
int intBh= int.Parse (row.Cells[1] .Text); 


} 


A 


(5) 运行 
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string strName= row.Cel1s[2] .Text; 

double dblPrice= double.Parse (row-Cel1s [3] .Text) ; 
string strSize= row.Cells[4] .Text; 

string strNum= ( (TextBox) row.Cells[5] .FindControl ("TextBox2")) .Text; 
System.Data.DataRow rr= Cart .NewRow (); 

rr[" 商 品 编号 "]=intBh; 

rr[" 商 品名 称 "]=strName; 

rr[" 商 品 单价 "]=dblPrice; 

rr[" 选 购 尺码 "]= strsize; 

rr[" 选 购 尺码 "]=strsize; 

rr[" 商 品 数 量 "]=int.Parse (strNum); 

Cart .Rows.Agd (rr); 
Session["ShoppingCart2"]=Cart; 


钮 可 以 显示 选择 商品 的 总 金额 , 单 击 【 去 结算 ] 按 钮 将 跳 转 到 结算 页 面 。 


加 localhost 


a 


商品 分 类 》 





x 





| tocalhostT381/shoppingcarsasps 




















编号 名 称 单价 尺码 | 数量 

2016 灰 姑娘 同 款 圣 琵 节 公主 裙子 女 至 

回 | 2 | 礼服 褚 儿童 演出 礼服 装 长 款 攻 蓬 连 衣 | 119 | 110 
福 


























回 | 2 | 礼服 裙 儿 童 演出 礼服 装 长 款 竺 鞍 连 衣 | 119 120 | 
宰 





























合计 | 357 | 医 续 可 
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13.14 我 的 购物 车 页 面 


1335 提交 订单 


在 结算 页 面 填写 并 确认 订单 信息 ,包括 收 货 人 信息 、 发 票 信息 、 订 单 商品 信息 、 总 价 
格 等 。 用 户 需 登录 后 才能 提交 订单 .未 登录 不 能 提交 订单 。 为 了 便于 学 习 , 下 面 先 用 
SQL 语句 向 orderInfo 表 中 插入 一 条 订单 ,再 结合 存储 过 程 向 orderInfo 表 和 orderItem 
表 中 插入 订单 信息 和 订单 商品 信息 。 


我 的 购物 车 页 面 shoppingCart. aspx, 效 果 如 图 13. 14 所 示 。 单 击 【 合 计 ] 按 


1 可 届 用 上 。 
2016 灰 姑娘 同 款 圣 诞 节 公 主 裙子 女 章 时 从 人 
回 | 2 | 礼服 币 儿 音 演 出 礼服 装 长 款 医 鞍 连 衣 | 119 110 上 ge 3 
宰 性 为 Number， 避 免 
2016 砍 姑娘 同 款 圣 诞 节 公主 裙子 女童 -ol 输入 错 涡 
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1. 仅 向 orderInfo 表 中 插入 一 条 订单 


提交 订单 就 是 向 数据 库 中 插入 数据 。 下 面 演 示 向 订单 表 中 添加 订单 的 相关 信息 , 步 
又 如 下 。 

(1) 添加 内 容 页 AddOrder. aspx, 添 加 7 行 一 列 的 table, 在 table 中 添加 送 货 地 址 及 
填写 地 址 的 DropDownList 和 TextBox 控件 ; 收 货 人 姓名 及 填写 姓名 的 TextBox 控件 ; 
送 货 清单 及 显示 送 货 清单 的 GridView 控件 ;应 付 金 额 及 显示 应 付 金额 的 Label 控件 ; 提 
交 订 单 的 Button 及 显示 提交 错误 信息 的 Label 控件 。 

生成 的 代码 如 下 。 


<asp:Content ID= "Content2" ContentPlaceHolderID= "ContentPlaceHolder1" 
Runat= "Server"> 
<table class= "auto- style16"> 
<tr> 
<td class= "auto- style17"> 填 写 并 确认 订单 < /td> 
</tr> 
<tr> 
<td class= "auto- style18"> 送 货 地 址 : < /td> 
</tr> 
<tr> 
<td class= "auto- style18"> 
<asp:DropDownList ID= "DropDownList1" runat= "server" AutoPostBack= 
"True" OnSelectedIndexChanged= "DropDownList1 SelectedIndexChanged"> 
<asp:ListItem Selected= "True" Value= "01"> 北 京 市 < /asp:ListItem> 
<asp:ListItem Value= "02"> 天 津 市 < /asp:ListItem> 
<asp:ListItem Value= "03"> 辽 宁 省 < /asp:ListItem> 
</asp:DropDownList> 
<asp:DropDownList ID= "DropDownList2" runat= "server" AutoPostBack= 
"True" OnSelectedIndexChanged= "DropDownList2 SelectedIndexChanged"> 
<asp:ListItem Value="01"> 朝 阳 区 < /asp:ListItem> 
<asp:ListItem Value= "02"> 东 城区 < /asp:ListItem> 
<asp:ListItem Value= "03"> 西 城区 < /asp:ListItem> 
<asp:ListItem Value= "04"> 宣 武 区 < /asp:ListItem> 
</asp:DropDownList> 
<asp:DropDownList ID= "DropDownList3" runat= "server"> 
<asp:ListItem Value= "01">x 街 道 < /asp:ListItem> 
<asp:ListItem Value= "02">y 街 道 < /asp:ListItem> 
< /asp:DropDownList> 
<asp:TextBox ID= "TextBox1" runat= "server" Width= "183px">< /asp:TextBox> 
<br /> 
收 货 人 姓名 : <asp:TextBox ID= "TextBox2" runat= "server">< /asp:TextBox> 
</td> 
</tr> 
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> 
<td class= "auto- style18"> 送 货 清单 : < /td> 
</tr> 
<tr> 
<td class= "auto- style18"> 
<asp:GridView ID= "GridViewl" runat= "server" Width= "501px"> 
</asp:GridView> 
</td> 
</tr> 
<tr> 
<tq class= "auto- style18"> 应 付 金额 : <asp:Label ID= "lblMoney" runat= 
"server">< /asp:Label> 
</td> 
</tr> 
<tr> 
<td> 
<asp:Button ID= "Button2" runat= "server" OnClick= "Button2 Click" 
Text= "提交 订单 " /> 
<asp:Label ID= "Labell" runat= "server">< /asp:Label> 
</td> 
</tr> 
</table> 
</asp:Content> 


(2) 在 Page_Load 中 添加 代码 ,指定 GridViewl 的 数据 源 及 显示 应 付 金 额 。 这 里 应 


付 金 额 使 用 Session[ "totalMoney"] 从 购物 车 页 面 获取 。 


protected void Page Load (object sender, EventArgs e) 
| 
if (!IsPostBack) 


{ 
GridView]l .DataSource= Session["ShoppingCart2"]; 


DataBind(); 
lblMoney.Text= Session["totalMoney"] .ToString (); 


} 
(3) 选择 送 货 地 址 时 采用 多 个 下 拉 列 表 动 态 显示 内 容 , 代 码 及 功能 如 下 。 


// 改 变 省 份 选择 时 执行 的 代码 
Protected void DropDownList1 SelectedIndexChanged (object sender, EventArgs e) 
' 

DropDownList2.Ttems.Clear (); 

if (DropDownListl1.SelectedValue== "01") 


{ 
// 这 里 仅 添加 几 项 ,列表 项 内 容 也 可 以 从 数组 或 数据 库 中 获取 
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DropDownList2.Items.Add (new ListItem(" 西 城区 ",， "1")); 
DropDownList2.Items.Add (new ListItem(" 东 城区 ",， "2")); 
DropDownList2.Items.Add (new ListItem(" 朝 阳 区 "，"3")) 7 
DropDownList2.Items .Rdd (new ListItem(" 宣 武 区 ", "4")); 


else 
DropDownList2.Items .Rdd (new ListItem(" 西 城区 ", "1")); 


DropDownList2.Items .Rdd (new ListItem(" 东 城区 " 
DropDownList2.Items .Add (new ListItem(" 塘 沽 区 "，"3")) 7 





} 
// 改 变 所 属 区 的 选择 时 触发 的 事件 及 代码 
protected void DropDownList2 SelectedIndexChanged (object sender, EventArgs e) 
{ 
DropDownList3.Items.Clear (); 
if (DropDownList2.SelectedValue=="01") 
{ 
DropDownList3.Items.Add (new ListItem("x 街道", "1")); 
DropDownList3.Items .Rdd (new ListItem("y 街道 ",， "2")); 


} 
(4) 双击 【提交 订单 3 按钮 ,添加 Click 事件 ,代码 如 下 。 


protected void Button2 Click (object sender, EventArgs e) 
{ 


if (Session["pass"]==null) // 用 户 未 登录 时 
Response.Redirect ("userLogin.aspx"); // 跳 转 到 登录 页 面 
else // 用 户 已 登录 
{ 
// 调 用 自 定义 方法 ,添加 订单 
insertOrder (); 


} 
该 事件 中 调用 了 一 个 自 定义 方法 addOrder, 它 的 代码 如 下 。 


// 在 页 面 头 部 引入 命名 空间 
using System.Data.sqlClient; 
// 在 页 面 类 中 添加 如 下 代码 
private void addqorder () 

{ 





// 创 建 连接 对 象 conn 
SqlConnection conn=new SqlConnection(); 


conn.ConnectionSstring=@"Data Source= (LocalDB) \v11.0;AttachDbFilename= 
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IDataDirectory|\shop.mdf; Integrated Security= True"7 
// 创 建 string 变量 ,用 于 保存 用 户 输入 的 数据 

// 用 户 名 

string strName= Session ["userName"] .ToString (); 

// 总 金额 

double dblMoney= double.Parse (Session["totalMoney"] .ToString()); 
// 送 货 地 址 

string strAddress= DropDownList]1.SelectedItem.Text; 
strAddress +=DropDownList2.SelectedItem.Text; 
strAddress +=DropDownList3.SelectedItem.Text; 
strAddress +=TextBox] .Text; 

// 收 货 人 姓名 

string strAddressee= TextBox2.Text; 


// 创 建 string 变量 ,用 于 构造 新 增 数据 的 SQL 语句 
string strInsert= string.Format ("insert into orderInfo (UserName, [TotalMoney], 
Address, Addressee, CreateDate) values ('{0}"',{1},'{2}','{3}',Getdate())", 
strName, dblMoney, strAddress, strAddressee); 
// 打 开 连 接 
conn.Open (); 
// 创 建 command 对 象 ,并 传 参 : sql 语句 和 connection 对 象 
SqlCommand corm= new SqlCommand (strInsert, conn); 
// 执 行 查询 语句 ,并 用 datareader 对 象 dr 接收 返回 结果 集 
int num= comm.ExecuteNonQuery () 
if (num==-1) 
{ 
Label1.Text= "提交 订单 失败 。 请 重 试 。"; 
else 
Response.Redirect ("orderSuccess.aspx"); 
} 
// 关 闭 连 接 
conn.Close () 7 


} 

上 述 代 码 演 示 了 向 orderInfo 表 中 插入 了 提交 订单 的 用 户 名 、 订 单 总 金额 \ 收 货 地 址 
和 收 货 人 。 

(5) 运行 AddOrder. aspx 页 面 ,效果 如 图 13. 15 所 示 。 当 单 击 【提交 订单 】 按 钮 成 功 
插入 订单 时 ,将 显示 如 图 13. 16 所 示 的 效果 。 若 失败 将 在 【提交 订单 按钮 旁边 的 Label 
中 显示 订单 提交 失败 的 信息 。 


2. 结合 存储 过 程 向 orderInfo 和 orderItem 中 添加 信息 
重新 建立 一 个 提交 订单 页 面 AddOrderDet aspx, 除 了 提交 订单 功能 不 同 ,其 他 均 相 同 。 
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< >》 | ecalhost7381orderSuceessaspx 























你 已 成 功 提交 订单 ， 请 耐心 等 待 收 货 。 


网 站 声明 .… 联 系 方式 … 








13.16 提交 订单 成 功 后 的 页 面 


修改 [提交 订单 3 按钮 的 代码 ,以 向 orderInfo 和 orderItem 表 中 添加 信息 。 具 体 如 下 。 

(1) 在 【服务 器 资源 管理 器 中 的 【存储 过 程 了 节点 右 击 【添加 存储 过 程 】 了 ,将 打开 存储 
过 程 的 窗口 ,并 编写 如 下 代码 ,创建 一 个 名 为 Pr NewOrder 的 存储 过 程 , 需 要 4 个 输入 参 
数 ,向 orderInfo 表 中 插入 一 条 记录 后 ,设置 输出 参数 @RETURN 的 值 为 全 局 变量 


@QIDENTITY 的 值 。@@IDENTITY 获得 最 近 一 条 插入 成 功 的 自 增 列 的 值 ,如 果 表 
中 没有 自 增长 列 ,@@identity 就 等 于 NULL。 
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CREATE PROCEDURE [dbo]. [Pr NewOrder] 


@UserName varchar (50), 
@TotalMoney int, 
@Address NVARCHAR (50), 
@Addressee NVARCHAR (30) 


Begin 


END 


(2) 在 AddOrderDet. aspx. cs 页 面 中 先 引 入 命名 空间 System. Data。 下 面 代码 的 


SET NOCOUNT ON; 


insert into orderInfo (UserName, TotalMoney , Address, Addressee, CreateDate) 


values (@UserName, @TotalMoney, @Address, @Addressee, Getdate ()); 
RETURN QQIDENTITY7 


CommandType、SqlDbType 等 均 在 该 命名 空间 下 。 代 码 如 下 。 


using System.Data; 


(3) 在 AddOrderDet. aspx. cs 页 面 中 添加 自 定义 方法 addOrder_SP, 用 于 实现 调用 
存储 过 程 Pr_ NewOrder 向 orderInfo 表 添 加 订单 ,并 返回 新 插入 记录 的 标识 (int 类 型 ) 。 


private int addorder SP() 


{ 


// 创 建 连接 对 象 conn 


SqlConnection conn=new SqlConnection () 7 


conn.ConnectionString= ConfigurationManager.ConnectionStrings 
["shopConnectionString"] .ToString (); 

// 创 建 string 变量 ,用 于 保存 用 户 输入 的 数据 

// 用 户 名 

string strName= Session ["userName"] .ToString (); 

// 总 金额 

double dblMoney= double.Parse (Session["totalMoney"] .ToString()); 
// 送 货 地 址 

string strAddress= DropDownList]1.SelectedItem.Text; 

strAddress +=DropDownList2.SelectedItem.Text; 

strAddress +=DropDownList3.SelectedItem.Text; 

strAddress += TextBox] .Text; 

// 收 货 人 姓名 

string strAddressee= TextBox2.Text; 

// 创 建 string 变量 ,用 于 保存 存储 过 程 名 字 

string strInsert= "Pr NewOrder™; 

// 打 开 连 接 

conn.Open () 

// 创 建 command 对 象 ,并 传 参 : sql 语句 和 connection 对 象 
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SqlCommand corm= new SqlCommand (strInsert, conn); 

// 指 定 命令 形式 为 存储 过 程 

Comm.CommandType= CommandType.StoredProcedure; 

// 添 加 参数 

comm. Parameters .Add (new SqlParameter ("@UserName", SqlDbType.VarChar)); 
comm.Parameters["@UserName"] .Value= strName; 

conm. Parameters .Add (new SqlParameter ("@TotalMoney", SqlDbType .Decimal)); 
comm.Parameters["@TotalMoney"] .Value= dblMoney; 

comm. Parameters .Add (new SqlParameter ("@Address", SqlDbType.NVarChar)); 
comm.Parameters["@Address"] .Value= strAddress; 

Corm. Parameters .Add (new SqlParameter ("@Addressee", SqlDblype .NVarChar)); 
comm.Parameters["@Addressee"] .Value= strAddressee; 


comm. Parameters .Add (new SqlParameter ("@RETURN", SqlDbType.Decimal)); 





// 设 置 参 数 @GRETURN 的 方向 为 返回 

comm.Parameters ["@RETURN"] .Direction= ParameterDirection.ReturnValue; 
// 执 行 语句 

try 


{ 
comm.ExecuteNonQuery (); 
} 
catch (Exception ex) 
{ 
Labell.Text=ex.Message; // 便 于 调试 期 间 查 看 错误 信息 
return -1; 
} 
finally 
{ 
// 关 闭 连 接 
conn.Close (); 
} 
return (int) comm.Parameters ["GQRETURN"] .Value; 


} 


(4) 在 AddOrderDet. aspx. cs 页 面 中 添加 自 定义 方法 addOrderDetail, 用 于 实现 向 
orderItem 表 添 加 订单 详细 信息 ,错误 时 返回 一 1, 插 入 成 功 时 返回 0(int 类 型 ) 。 


Private int addOrderDetail (int orderNo) 
{ 
// 创 建 DataTable 对 象 cart, 用 于 保存 订单 中 的 商品 信息 
System.Data.DataTable Cart=new System.Data.DataTable (); 
Cart= (System.Data.DataTable) Session["ShoppingCart2"]; 
for (int i=0;i<Cart.Rows.Count;i++) 
{ 
DataRow dRow= Cart .Rows [i]; 
int intProductId=int.Parse (dRow[" 商 品 编号 "] -ToString()); 
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int intSize= int.Parse (dRow[" 选 购 尺 码 "] .Tostring ()); 
int intNum= int .Parse (dRow[" 商 品 数量 "] .ToString()); 
// 创 建 连接 对 象 conn 
SqlConnection conn= new SqlConnection () 7 
conn.ConnectionString=ConfigurationManager.ConnectionStrings 
["shopConnectionString"] .ToString (); 
// 创 建 string 变量 ,用 于 构造 向 表 orderItem 中 插入 数据 的 SQL 语句 
string strInsert= string.Format ("insert into orderItem(OrderID， 
ProductID, Number, size) values ({0}, {1}, {2}, {3}) ", orderNo, intProductId, 
intNum, intSize); 
// 打 开 连 接 
conn.Open () 7 
// 创 建 command 对 象 ,并 传 参 : sql 语句 和 connection 对 象 
SqlCommand comm= new SqlCommand (strInsert, conn); 
// 执 行 插入 语句 
try 
{ 

comm.ExecuteNonQuery (); 
} 
catch (Exception ex) 


{ 


return -1; 
} 
finally 
{ 

// 关 闭 连接 


conn.Close () 7 


return 0; 


(5) 在 [提交 订单 按钮 的 Click 事件 中 添加 如 下 代码 ,调用 上 述 自 定义 方法 。 


protected void Button2 Click (object sender, EventArgs e) 


和 


if (Session["pass"]==null) 


ios 


{ 


Response.Redirect ("userLogin.aspx"); 


// 使 用 存储 过 程 添 加 订单 并 返回 订单 号 
int orderNo=addorder SP(); 

// 添 加 订单 商品 信息 

int result= addOrderDetail (orderNo) 
if (orderNo==-1 || result==-1) 
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Label1.Text= "提交 订单 失败 。 请 重 试 。"; 


Response.Redirect ("orderSuccess.aspx"); 


取消 订单 功能 是 指 订单 提交 完成 后 可 以 取消 订单 ,用 update 语句 修改 订单 信息 表 中 
的 订单 状态 CStatus) 为 取消 即 可 。 订 单 状态 可 以 包括 正常 ,未 支付 ` 取 消 . 已 处 理 等 。 可 
在 提交 订单 时 将 订单 状态 设 为 正常 也 可 在 数据 库 中 设置 默认 值 , 之 后 修改 。 

查看 订单 即 在 订单 信息 表 中 查询 当前 登录 用 户 所 提交 的 所 有 订单 ,并 显示 在 页 
面 上 。 


1336 后 人 台 管 理 模块 


后 台 管 理 功能 是 指 管理 员 对 网 站 的 会 员 、 商品 .商品 类 别 等 进行 管理 。 同 样 可 以 使 
用 母 版 页 创建 后 台 管理 功能 的 公共 部 分 ,这 里 没有 使 用 母 版 页 , 仅 简要 介绍 商品 管理 
功能 。 

管理 员 可 以 查询 所 有 商品 、 某 一 类 别 的 商品 或 某 一 个 商品 的 信息 。 下 面 是 管理 页 面 
及 查询 所 有 商品 的 简要 过 程 。 

(1) 新 建 一 个 页 面 AdminManage. aspx, 在 页 面 上 添加 table。 顶 部 显示 为 蓝 色 , 可 
以 替换 为 图 片 。 左 侧 拖 放 一 个 TreeView 控件 ,添加 需要 的 节点 ,中 间 的 内 容 部 分 实现 管 
理 功能 ,这 里 拖 放 两 个 GridView, 用 于 查询 所 有 商品 和 编辑 商品 ,还 可 以 参考 前 面 的 章节 
实现 添加 商品 。 并 配置 两 个 GridView 控件 的 数据 源 ,然后 修改 HeaderText 属性 ,编辑 
功能 的 GridView2 启用 编辑 和 删除 功能 。 对 不 需要 换行 的 列 修改 Wrap 属性 为 false。 
生成 的 代码 如 下 。 


<table class= "auto- stylel"> 








:i 
<td colspan= "2" class= "auto- style2" style= "background- color: #0000FF™"> 
&nbsp;< /td> 
</tr> 
<tr> 


<td style= "vertical- align:top"> 
<asp:TresView ID= "TreeView1" runat= "server" Height= "304px" Width= 
"177px"> 
<Nodes> 
<asp:TreeNode NavigateUrl= "~ /AdminManage.aspx" Selected= 
"True" Text= "商品 管理 " Value= "商品 管理 "> 
< asp: TreeNode Text=" 查 询 商 品 " Value=" 查 询 商 品 "> < /asp: 
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TreeNode> 
<asp: TreeNode Text=" 编 辑 商 品 " Value=" 编 辑 商 品 "></asp: 
TreeNode> 
<asp: TreeNode Text=" 添 加 新 品 " Value=" 添 加 新 品 "></asp: 
TreeNode> 


</asp:TreeNode> 
<asp:TreeNode Text= "会 员 管理 " Value= "会 员 管 理 ">< /asp:TreeNode> 
<asp:TreeNode Text= "商品 类别 管理 " Value=" 商 品类 别管 理 "> 
</asp:TreeNode> 
< /Nodes> 
< /asp:TreeView> 
</td> 
<td> 

<asp:Label ID= "Labell" runat= "server">< /asp:Label> 

<br /> 

查询 所 有 商品 : <br /> 

<asp:GridView ID= "GridView1" runat= "server" AllowPaging= "True" 

AllowSorting= "True" RutoGenerateColumns= "False" DataKeyNames= 

"Id" DataSourceID= "SqlDataSourcel" Height="192px" Width= "582px"> 

<Columns> 

<asp:BoundField DataField= "Id" HeaderText= "商品 编号 " 
InsertVisible= "False" Readonly= "True" SortExpression= 
Id” > 
<HeaderStyle Wrap= "False" /> 
</asp:BoundField> 
< asp: BoundField DataField =" Name" HeaderText =" 商 品 名 称 " 
SortExpression= "Name" > 
<HeaderStyle Wrap= "False" /> 
<ItemStyle Wrap= "True" /> 
</asp:BoundField> 
<asp: BoundField DataField="PictureUrl" HeaderText =" 图 片 路 径 " 
SortExpression= "PictureUr1" > 
<HeaderStyle Wrap= "False" /> 
</asp:BoundField> 
<asp:BoundField DataField= "Price" HeaderText= "价格 " 
SortExpression= "Price" > 
<HeaderStyle Wrap= "False" /> 
</asp:BoundField> 
<asp:BoundField DataField= "Brand" HeaderText= "品牌 " 
SortExpression= "Brand" > 
<HeaderStyle Wrap= "False" /> 
</asp:BoundField> 
<asp:BoundField DataField= "Size" HeaderText= "尺码 " 


SortExpression= "Size" > 
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<HeaderStyle Wrap= "False" /> 
</asp:BoundField> 
<asp:BoundField DataField= "ForAges" HeaderText= " 适 合 年 龄 " 
SortExpression= "ForAges" > 
<HeaderStyle Wrap= "False" /> 
< /asp:BoundField> 
<asp:BoundField DataField= "Stock" HeaderText= "库存 量 " 
SortExpression= "Stock" > 
< HeaderStyle Wrap= "False" /> 
</asp:BoundField> 
<asp: BoundField DataField="CategoryID" HeaderText =" 类 别 编号 " 
SortExpression= "CategoryID" > 
< HeaderStyle Wrap= "False" /> 
< /asp:BoundField> 
<asp: BoundField DataField="CreateDate" HeaderText =" 创 建 日 期 " 
SortExpression= "CreateDate" > 
<HeaderStyle Wrap= "False" /> 
</asp:BoundField> 
<asp:BoundField DataField= "Status" HeaderText= "状态 " 
SortExpression= "Status" > 
< HeaderStyle Wrap= "False" /> 
< /asp:BoundField> 
< /Columns> 
</asp:GridView> 
<asp:SqlDataSource ID= "SqlDataSourcel" runat= "server" 
ConnectionString= "< %$Connectionstrings:shopConnectionString %$>" 
SelectCommand= "SELECT * FROM [productInfo]">< /asp: 
SqlDataSource> 
<br /> 
编辑 商品 : <br /> 
<asp:GridView ID= "GridView2" runat= "server" AllowPaging= "True" 
AllowSorting= "True" AutoGenerateColumns= "False" DataKeyNames= 
"Id" DatasourceID= "SqlDataSource2" Height="178px" style= "margin- 
right: 19px" Width= "667px"> 
<Columns> 
<asp:CommandField ShowDeleteButton= "True" ShowEditButton= 
"True" > 
<ItemStyle Wrap= "False" /> 
</asp:CommandField> 
<asp:BoundField DataField= "Id" HeaderText= "Id" 
InsertVisible= "False" Readonly= "True" SortExpression= 
wii 
<asp:BoundField DataField= "Name" HeaderText= "Name" 


SortExpression= "Name" /> 
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<asp:BoundField DataField= "PictureUrl" HeaderText= 

"PictureUr1" SortExpression= "PictureUr1" /> 

<asp:BoundField DataField= "Price" HeaderText= "Price" 

SortExpression= "Price" /> 

<asp:BoundField DataField= "Brand" HeaderText= "Brand" 

SortExpression= "Brand" /> 

<asp:BoundField DataField= "Size" HeaderText= "Size" 

SortExpression= "Size" /> 

<asp:BoundField DataField= "ForAges" HeaderText= "ForAges" 

SortExpression= "ForAges" /> 

<asp:BoundField DataField= "Stock" HeaderText= "Stock" 

SortExpression= "Stock" /> 

<asp:BoundField DataField= "CategoryID" HeaderText= 

"CategoryID" SortExpression= "CategoryID" /> 

<asp:BoundField DataField= "CreateDate" HeaderText= 

"CreateDate" SortExpression= "CreateDate" /> 

<asp:BoundField DataField= "Status" HeaderText= "Status" 

SortExpression= "Status" /> 

< /Columns> 
< /asp:GridView> 
<asp:SqlDataSource ID= "SqlDataSource2" runat= "server" Conflict-Detection=" 
CompareAllValues " ConnectionString =" <%$Connection Strings: 
ShopConnectionString %>" DeleteComrmand=" DELETE FROM [productInfo] WHERE 
[Id]=@original Id AND [Name]= original Name RND (([PictureUrl]=@original 
PictureUr1) OR ([PictureUr1l] IS NULL AND @original PictureUrl] IS NULL) ) AND 
(([Price]=Q@original Price) OR ([Price] IS NULL RND original_Price IS NULL)) 
RND (([Brand]= @ori-ginal Brand) OR ([Brand] IS NULL AND @original Brand IS 
NULL)) AND (([Size]=@original Size) OR ([Size] IS NULL AND @original Size IS 
NULL) ) AND (([ForAges]=@original ForAges) OR ([ForAges] IS NULL AND @original 
_ForAges IS NULL)) AND (([Stock]=@original Stock) OR ([Stock] IS NULL AND @ 
original Stock IS NULL)) AND (([CategoryID] = @ original CategoryID) OR 
([CategoryID] IS NULL AND @original CategoryID IS NULL)) AND (([CreateDate]= 
Qoriginal CreateDate) OR ([CreateDate] IS NULL AND @original CreateDate IS 
NULL)) AND (([Status]=@original Status) OR ([Status] IS NULL AND @original 
Status IS NULL))" InsertCommand =" INSERT INTO [productInfo] ([Name], 
[PictureUrl], [Price], [Brand], [Size], [ForAges], [Stock], [CategoryID], 
[CreateDate], [Status]) VALUES (@Name, @PictureUr]l, @Price, @Brand, @Size, @ 
ForAges, @ Stock, @ CategoryID, @ CreateDate, @ Status )" 
OlqdValuesParameterFormatSstring="original {0}" SelectCommand=" SELECT * 
FROM [productInfo]" UpdateCommand= "UPDATE [productInfo] SET [Name]= @Name, 
[PictureUrl]=@PictureUrl, [Price]=@Price, [Brand]= @Brand, [Size]=@Size, 
[ForAges]=@For-Ages, [Stock]=@Stock, [CategoryID]=@CategoryID, [CreateDate]= 
@Crea teDate, [Status]=@Status WHERE [Id]=@original Id AND [Name]=@ori-ginal 

_Name AND (([PictureUrl]=@original _ PictureUr1) OR ([PictureUrl] IS NULL AND 
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Qoriginal PictureUrl IS NULL)) AND (([Price]=eoriginal Price) OR ([Price] IS 
NULL AND &original Price IS NULL)) AND (([Brand]= eoriginal Brand) OR ([Brand] 
IS NULL AND @ori-ginal Brand IS NULL)) AND (([Size]=@original Size) OR ([Size] 
IS NULL AND @original Size IS NULL)) AND (([ForAges]=Q@original ForAges) OR 
([ForAges] IS NULL AND Qoriginal ForAges IS NULL)) AND (([Stock]=@original 
Stock) OR ([Stock] IS NULL AND @original Stock IS NULL)) AND (([CategoryID]= 
Qoriginal CategoryID) OR ([CategoryID] IS NULL AND @original CategoryID IS 
NULL)) AND (([CreateDate]=@original CreateDate) OR ([CreateDate] IS NULL AND 
Qoriginal CreateDate IS NULL)) AND (([Status]=@original Status) OR ([Status] 


IS NULL AND &original Status IS NULL))"> 


< DeleteParameters> 


<asp:Parameter Name= "origina. 
<asp:Parameter Name= "origina. 
<asp:Parameter Name= "origina. 
<asp:Parameter Name= "origina. 
<asp:Parameter Name= "origina. 
<asp:Parameter Name= "origina. 
<asp:Parameter Name= "origina. 
<asp:Parameter Name= "origina. 


<asp:Parameter Name= "origina 


_Id" Type= "Int32" /> 

. Name" Type= "String" /> 

. PictureUrl" Type= "String" /> 
. Price" Type= "Decimal" /> 

. Brand" Type= "String" /> 

. Size" Type= "String" /> 

. ForAges" Type= "String" /> 

._ Stock" Type= "Int32" /> 

. CategoryID" Type= "Int32" /> 


<asp:Parameter Name= "original CreateDate" Type= "DateTime" /> 


<asp:Parameter Name= "origina. 


< /DeleteParameters> 


< InsertParameters> 





.Status" Type= "String" /> 


<asp:Parameter Name= "Name" Type= "String" /> 


<asp:Parameter Name= "PictureUrl" Type= "String" /> 


<asp:Parameter Name= "Price" Type= "Decimal" /> 


<asp:Parameter Name= "Brand" Type= "String" /> 


<asp:Parameter Name= "Size" Type= "String" /> 


<asp:Parameter Name= "ForAges" Type= "String" /> 


<asp:Parameter Name= "Stock" Type= "Int32" /> 


<asp:Parameter Name= "CategoryID" Type= "Int32" /> 
<asp:Parameter Name= "CreateDate" Type= "DateTime" /> 


<asp:Parameter Name= "Status" Type= "String" /> 


</InsertParameters> 


< UpdateParameters> 


<asp:Parameter Name= "Name" Type= "String" /> 


<asp:Parameter Name= "PictureUrl" Type= "String" /> 


<asp:Parameter Name= "Price" Type= "Decimal" /> 


<asp:Parameter Name= "Brand" Type= "String" /> 


<asp:Parameter Name= "Size" Type= "String" /> 


<asp:Parameter Name= "ForAges" Type= "String" /> 


<asp:Parameter Name= "Stock" Type= "Int32" /> 
<asp:Parameter Name= "CategoryID" Type= "Int32" /> 
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<asp:Parameter Name= "CreateDate" Type= "DateTime" /> 
<asp:Parameter Name= "Status" Type= "String" /> 
<asp:Parameter Name= "original Id" Type= "Int32" /> 
<asp:Parameter Name= "original Name" Type="String" /> 
<asp:Parameter Name= "original PictureUrl" Type= "String" /> 
<asp:Parameter Name= "original Price" Type= "Decimal" /> 
<asp:Parameter Name= "original Brand" Type= "String" /> 
<asp:Parameter Name= "original Size" Type="String" /> 
<asp:Parameter Name= "original ForAges" Type= "String" /> 
<asp:Parameter Name= "original Stock" Type="Int32" /> 
<asp:Parameter Name= "original CategoryID" Type= "Int32" /> 
<asp:Parameter Name= "original CreateDate" Type="DateTime" /> 
<asp:Parameter Name= "original Status" Type="String" /> 


< /UpdateParameters> 
< /asp:SqlDataSource> 
<br /> 
<br /> 
</td> 
< 
<tr> 


<td> gnbsp;< /td> 
<td> gnbsp;< /td> 
</tr> 
</table> 


(2) 在 Page_Load 中 加 入 身份 判断 功能 的 代码 ,以 实现 只 有 管理 员 身 份 的 用 户 登 录 
后 才能 访问 该 页 面 。 


protected void Page Load (object sender, EventArgs e) 
{ 
if (Session["pass"]==null) 
Response.Redirect ("userLogin.aspx"); 
else 
Labell.Text= Session["username"] .ToString () 7 
} 


(3) 运行 页 面 如 图 13. 17 所 示 。 

商品 管理 除了 查询 商品 还 需要 修改 商品 信息 ,删除 某 商 品 , 添 加 新 商品 ,读者 可 以 参 
考 第 8 一 10 章 的 内 容 完 

会 员 管理 和 商品 类 别管 理 与 商品 管理 类 似 , 可 以 用 同样 的 方法 实现 。 

处 理 订单 即 根据 订单 的 处 理 过 程 修改 订单 状态 ,如 已 处 理 或 已 出 库 \ 已 配送 ,已 完 


1337 网 站 外 观 设计 
实现 网 站 功能 是 网 站 开发 的 重 中 之 重 , 网 站 外 观 可 以 为 用 户 带 来 更 好 的 视觉 效果 ， 
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图 13.17 管理 界面 


提升 用 户 体验 。 在 ASP. NET 中 ,除了 通过 前 面 章节 中 讲 到 的 控件 外 观 的 基本 属性 设 
置 ,还 可 以 借助 Dreamweaver 等 软件 设计 工具 对 外 观 进行 设计 ,也 可 以 通过 使 用 主题 统 
一 设置 网 站 外 观 。 

ASP.NET 中 ,可 以 直接 通过 Style 属性 对 网 站 的 HTML 基本 元 素 进行 设置 ,如 本 


































































































网 站 的 导航 页 面 中 的 table 表格 ,如 图 13. 18 所 示 。 
[east [Le 避 二 |] 
类 别 必 ) 
字体 border-style: border-width: border-color: 
块 加 全 部 相同 避 全 部 相同 回 全 部 相同 
top: oove | thin -向 [zx 7] #cesrr ~ 
方 框 right: |eoove ”| [thin “| [px -| [eccs9FF 二 
定位 
布局 botton: [oove -| [thin "El -| lcasrr ~ 
2 left: [eoove -| [thin "El -| lscesrr ~ 
预览 
微软 卓越 AaBbCc 
说 明 backgr ound-color: #FFCCFF; border: thin groove #CC9gFF 
| 
取消 
\==== = J 
图 13.18 设置 td 元 素 的 Style 属性 
使 用 第 6 章 中 的 方法 添加 主题 childShopTheme, 可 以 添加 css 文件 和 skin 文件 。 这 


里 添加 一 个 skin 文件 ,如 DataList 的 样式 代码 如 下 。 


Os E2C 网 上 购物 系统 
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<s--DataList 按 钮 的 样式 --%> 
<asp:DataList SkinID= "dlSkin" runat= "server" RepeatColumns= "4" 
RepeatDirection= "Horizontal" BackColor= "White" BorderColor= "# DAEEEE" 
BorderStyle= "Double" BorderWidth= "3px" CellPadding= "4" GridLines= 
"Horizontal" Width= "591px" CssClass= "Text"> 
< FooterStyle BackColor= "White" ForeColor= "blue" /> 
< SelectedItemStyle BackColor= "# DAEEEE" Font- Bold= "True" ForeColor= 
"Blue" Font- Names= "Tahoma" Font- Size= "9pt" HorizontalAlign= "Center" /> 
< ItemStyle BackColor= "White" ForeColor= "# 333333" Font- Names= "Tahoma" 
HorizontalAlign= "Center" /> 
< HeaderStyle BackColor= "# 336666" Font- Bold= "True" ForeColor= "White" /> 
< /asp:DataList> 


然后 在 default. aspx 页 面 设置 DataList 控件 的 SkinId 属性 为 dlSkin。 当 运行 主页 
时 效果 如 图 13. 19 所 示 。 
























































小 结 


本 章 通 过 设计 一 个 B2C 网 上 购物 网 站 系统 ,综合 利用 了 前 面 所 学 的 标准 控件 、 页 面 
跳 转 、 页 面 传 参 、 母 版 页 、Menu 和 TreeView 导航 控件 ,GridView 和 DataList 等 数据 控 
件 . 访 问 和 操作 数据 库 .主题 应 用 等 知识 点 。 通 过 Session 传递 登录 的 用 户 名 和 购物 车 信 
息 。 通 过 Response. Redirect、 超 级 链接 控件 等 跳 转 页 面 并 传递 参数 等 。 
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旨 后 习题 


1. 填空 题 


(1) 案例 中 的 商品 和 商品 类 别 都 是 实体 ,它们 之 间 的 关系 是 

(2) 用 户 和 管理 员 信息 都 保存 在 userInfo 表 中 ,使 用 字段 区 分 它们 。 

(3) 案例 中 ,使 用 body 标记 的 属性 调用 方法 ,实现 广告 自动 切换 
的 。 显 示 广 告 的 控件 myimg 可 以 是 在 内 容 页 下 设计 。 

(4) 购物 车 是 用 对 象 实现 页 面 间 共 享 购物 车 信息 的 ,用 对 象 保存 

j 品 结构 及 其 信息 的 。 

(5) 单 击 GridView 中 的 按钮 会 触发 GridView 的 事件 ,使 用 [添加 购物 车 】 

按钮 的 属性 判断 是 否 单 击 了 该 按钮 。 


2. 上 机 操作 题 


在 本 章 案 例 的 基础 上 ,完善 网 站 主页 面 \ 注 册页 面 、 登 录 页 面 的 美化 、 商 品评 论 、 订 单 
处 理 等 功能 。 
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